website online

TO LET OPINIONS , QUESTION , REQUEST or JUST FOR LET FRIENDLY MESSAGE

website online

Postby elfydesign on Fri Jan 30, 2009 2:10 am

Hi
Rad, thank for your previous answers...
I just would like another advise :
I put my website online tonight, everything was so complex. !
And now my website too slow to load.
I don't know what to do. Moreover I have lots of problem with my links, I don't why.

What can I do to make my files smaller ? and quicker to load
thank you

here is my website : http://www.elfydesign.com

thank you
User avatar
elfydesign
 
Posts: 10
Joined: Wed Jan 28, 2009 5:50 pm

Re: website online

Postby RAD on Fri Jan 30, 2009 3:18 pm

HI

ok ! that a basic designer first web site :D

you only think about graphisme ! not about accessibility or visibility in web and i didn t speek about standard and semantic :shock: !!

but its a basic error when a designer or graphiste try to make a web site !

so your site is nice ( bit to small ) but had a lots of problems and was very heavy when you send it online !!

for exemple :
you have a gif of 2Mo !!!!!!!!!!
also for estetic reason you made all your texte on images !! nice :) but .....

you never be indexed or referenced in search engine !! blind person cant see your site !!

and more other problemes due to this !!


in conclusion i know that hard to lesson ,because i see you made a lots of job in images , but the only way is to

RESTART A NEW SITE

i can help you for that !!

see you
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: website online

Postby elfydesign on Fri Jan 30, 2009 3:29 pm

If I had to start everything again

what I need to do with my files : animated and others GIf... ?
How to start again ?
What is the maximum size resuired for the differents type of files ?

thanks
User avatar
elfydesign
 
Posts: 10
Joined: Wed Jan 28, 2009 5:50 pm

Re: website online

Postby RAD on Fri Jan 30, 2009 3:31 pm

i had to move now !

i explain you that in few hours

+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: website online

Postby elfydesign on Fri Jan 30, 2009 6:41 pm

thank you
so I am waiting for your advises !

bye
User avatar
elfydesign
 
Posts: 10
Joined: Wed Jan 28, 2009 5:50 pm

Re: website online

Postby RAD on Sat Jan 31, 2009 4:10 pm

HI

first you have to think about sceen size and speed of your vistor !!

so u have to choose a layout with a bit structure !!

2 EXEMPLES

Menu fixed, content
dynamic

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>       
    <title>RAD ZONE Webcreation     
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <meta name="author" content="http://radservebeer.free.fr" />   
    <meta name="generator" content="PSPad editor, www.pspad.com" />   
<style type="text/css" media="screen"><!--
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
p, pre, h2 {
padding:10px;
margin:0px
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}
h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #564b47;
background-color: transparent;
}
a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
#menu {
position: absolute;
width: 200px;
left: 20px;
background-color: #ff99CC;
padding:0px;
margin:0px
}
#content {
margin-left: 200px;
background-color:#fff;
overflow: auto;
}
--></style>
</head>
<body>
<div id="menu">
<h2>right column</h2>
<pre>
#menu {
position: absolute;
width: 200px;
left: 20px;
padding:0px;
margin:0px
}
</pre>

<p>Lorem ipsum dolor sit amet consectetuer lacus lacinia auctor in risus. Hendrerit Curabitur amet nulla et gravida amet a semper ut neque. Nonummy congue pulvinar consectetuer Cum nec ridiculus Maecenas gravida quis vestibulum. Turpis turpis facilisis felis hendrerit sem semper Curabitur tellus lacus justo. Augue et pede quis id nec penatibus et tempor Sed condimentum. Vestibulum et fringilla lacus eget a Vestibulum dictumst Ut tempus Duis. Pretium.</p>

</div>
<div id="content">
<h2>content column</h2>
<p>All templates are XHTML 1.0 and CSS2/ tableless.</p>
<p><b>2 columns / menu fixed, content dynamic.</b><br />
2 columns layout grid. The navigation column is fixed, the content column is dynamic and adjusts itself to the browser
window.<br />
<p>Lorem ipsum dolor sit amet consectetuer semper accumsan Ut ut vitae. Vitae et augue sollicitudin eros Aliquam ornare Morbi magna Curabitur tincidunt. Facilisi scelerisque Phasellus dolor nonummy Donec Vestibulum Aliquam Proin nec vitae. Id Praesent dictum malesuada consectetuer dapibus adipiscing ut mi vitae pede. Enim tempor mollis Proin ut et nulla convallis congue Nunc vitae. Eget dis Vestibulum amet Curabitur congue Nam nunc Mauris cursus.</p>

<pre>
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#content {
margin-left: 200px;
background-color:#fff;
overflow: auto;
}
</pre>
</div>
</body>
</html>



Menu and content
dynamic

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head>       
    <title>RAD ZONE Webcreation     
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <meta name="author" content="http://radservebeer.free.fr" />   
    <meta name="generator" content="PSPad editor, www.pspad.com" />   
<style type="text/css" media="screen"><!--
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #564b47;
background-color: #90897a;
padding:5px 15px;
margin:0px
}
h2 {
font-size:14px;
padding-top:10px;
color: #564b47;
background-color:transparent;
}
p,h2, pre {
padding:10px;
}
a {
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}
pre {
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}
#menu {
float: left;
width: 25%;
background-color: #ff99CC;
overflow: auto;
}
#content {
float: left;
width: 75%;
margin:0px 0px 50px 0px;
background-color: #fff;
overflow: auto;
}
--></style>
</head>
<body>
<div id="menu"><h2>right column</h2>
<pre>
#menu {
float: left;
width: 25%;
background-color: #ff99CC;
overflow: auto;
}
</pre>
<p>Lorem ipsum dolor sit amet consectetuer non augue rhoncus Mauris Cras. Leo convallis cursus tellus eget lacinia Proin nec nibh ipsum lorem. Mauris metus a nunc justo sed Nulla venenatis semper commodo quis. Aenean tincidunt ut libero vitae Cum ac In vitae vestibulum congue. Pretium faucibus Vestibulum In mi non eu interdum.</p>

</div>
<div id="content">
<h2>content column</h2>
<p>All templates are XHTML 1.0 and CSS2/ tableless.</p>
<p><b>2 columns / menu and content dynamic</b><br />
2 column layout grid. The navigation column and content column are dynamic and adjust themselves to the browser window.<br />
<p>Lorem ipsum dolor sit amet consectetuer ligula felis consectetuer nibh Aliquam. Ullamcorper at ipsum quis augue parturient Vestibulum faucibus ac ac wisi. Phasellus pellentesque risus sociis est Curabitur ante ipsum mauris Curabitur Nam. Congue Phasellus pretium Sed at vitae nec hendrerit tellus egestas nulla. Et et in convallis turpis venenatis metus ac sagittis Vestibulum tellus. Augue Sed consequat fermentum adipiscing nulla tellus ligula suscipit adipiscing nec. Mollis.</p>
<p>Vivamus quis tellus mauris Curabitur orci magnis eu mus Lorem eu. Nunc tempus tortor tellus laoreet risus tristique Curabitur dignissim est ac. Vitae nunc Sed Lorem justo wisi Donec Nulla ullamcorper lorem Nam. Id orci Vivamus nibh felis Suspendisse amet Vestibulum consequat Vestibulum Vestibulum. Id egestas Curabitur consectetuer ligula Sed urna tincidunt nunc venenatis sem. Ut cursus justo non tellus.</p>

<pre>
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#content {
float: left;
width: 75%;
background-color: #fff;
margin:0px 0px 50px 0px;
overflow: auto;
}
</pre>
</div>
</body>

</html>


now the images !!

the max size of image is 50 / 60 ko ! but that depend also of the number of images you have in the page !

exemple : you have 10 img on the page , the size of each image was 30 ko ! so u think , " ok my img was not heavy so my page are going to open in instant !! " , but the visitor with a low or dial up connection made near 1 minute to open ur page !!

why ?? because to see img visitor need to download 10 X 30ko = 300 Ko !! and at 8 Ko/s for dial up connectipn or 26 for low !! u make the calcul !!

now u anderstand why ur site is very slow now !! NEAR 5 MO for your index page !!!

if you no want restart all !! you need to correct photo size !! and page also !

for exemple a give u 1 page of your site i correct look the difference !!

frDELPHINEPINS.html actual on ur site
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>elfydesign_studio</title>
<style type="text/css">
<!--
body {
   background-image: url(pageaccueil/fonds/GRIS-FOND_01.gif);
   background-repeat: no-repeat;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
}
body,td,th {
   font-size: 10px;
   color: #333333;
}
#apDiv1 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:1;
   left: 213px;
   top: 300px;
   visibility: visible;
}
#apDiv2 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:2;
   left: 298px;
   top: 262px;
}
#apDiv3 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:2;
   left: 258px;
   top: 269px;
}
#apDiv4 {
   position:absolute;
   width:109px;
   height:42px;
   z-index:8;
   left: 234px;
   top: 127px;
}
#copyright {
   position:absolute;
   width:310px;
   height:16px;
   z-index:24;
   left: 95px;
   top: 575px;
}
#apDiv6 {
   position:absolute;
   width:74px;
   height:42px;
   z-index:1;
   left: 357px;
   top: -162px;
}
#apDiv7 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:4;
   left: 394px;
   top: 347px;
}
#apDiv8 {
   position:absolute;
   width:200px;
   height:17px;
   z-index:4;
   left: 383px;
   top: 330px;
}
#apDiv9 {
   position:absolute;
   width:200px;
   height:22px;
   z-index:1;
   left: 0px;
   top: 16px;
}
#apDiv10 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:5;
   left: 4px;
}
#apDiv11 {
   position:absolute;
   width:111px;
   height:28px;
   z-index:10;
   left: 234px;
   top: 168px;
}
#apDiv12 {
   position:absolute;
   width:107px;
   height:42px;
   z-index:3;
   left: 214px;
   top: 190px;
}
#apDiv13 {
   position:absolute;
   width:112px;
   height:29px;
   z-index:4;
   left: 249px;
   top: 213px;
}
#menu {
   position:absolute;
   width:122px;
   height:176px;
   z-index:21;
   left: 263px;
   top: 152px;
   visibility: visible;
}
#apDiv15 {
   position:absolute;
   width:136px;
   height:16px;
   z-index:2;
   left: 536px;
   top: 76px;
}
#cvvideo {
   position:absolute;
   width:200px;
   height:20px;
   z-index:22;
   left: 335px;
   top: 547px;
}
#portfolio {
   position:absolute;
   width:200px;
   height:17px;
   z-index:23;
   left: 268px;
   top: 557px;
}
#apDiv18 {
   position:absolute;
   width:127px;
   height:25px;
   z-index:5;
   left: 247px;
   top: 278px;
}
#apDiv19 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:1;
}
#apDiv20 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:10;
   left: 453px;
   top: 259px;
}
#trait {
   position:absolute;
   width:200px;
   height:41px;
   z-index:25;
   left: 275px;
   top: 293px;
}
.Style5 {
   font-family: "Garamond Premr Pro";
   font-size: 11pt;
}
#imagesdesignespace {
   position:absolute;
   width:185px;
   height:330px;
   z-index:12;
   left: 405px;
   top: 217px;
   visibility: visible;
}
#grisdesignesapc {
   position:absolute;
   width:68px;
   height:26px;
   z-index:12;
   left: 291px;
   top: 171px;
}
#photo1 {
   position:absolute;
   width:353px;
   height:298px;
   z-index:17;
   left: 709px;
   top: 0px;
   visibility: hidden;
}
#apDiv14 {
   position:absolute;
   width:51px;
   height:82px;
   z-index:15;
   left: 843px;
   top: 505px;
}
#texttownhouse {
   position:absolute;
   width:200px;
   height:87px;
   z-index:16;
   left: 617px;
   top: 368px;
   visibility: hidden;
}
#barre {
   position:absolute;
   width:200px;
   height:22px;
   z-index:15;
   top: 448px;
   left: 709px;
   visibility: hidden;
}
#phtotovideo {
   position:absolute;
   width:200px;
   height:50px;
   z-index:12;
   left: 712px;
   top: 488px;
   visibility: hidden;
}
#phot {
   position:absolute;
   width:200px;
   height:78px;
   z-index:13;
   left: 695px;
   top: 472px;
   visibility: hidden;
}
#vid {
   position:absolute;
   width:200px;
   height:32px;
   z-index:14;
   left: 691px;
   top: 509px;
   visibility: hidden;
}
#animpermanenente {
   position:absolute;
   width:497px;
   height:115px;
   z-index:5;
   left: -23px;
   top: -4px;
   visibility: visible;
}
#photo4 {
   position:absolute;
   width:688px;
   height:115px;
   z-index:20;
   left: 571px;
   top: 73px;
   visibility: hidden;
}
#photo2 {
   position:absolute;
   width:468px;
   height:361px;
   z-index:18;
   left: 710px;
   top: 12px;
   visibility: hidden;
}
#photo3 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:19;
   left: 710px;
   top: -25px;
   visibility: hidden;
}
#apDiv5 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:21;
   left: 805px;
   top: 298px;
}
#photoA {
   position:absolute;
   width:549px;
   height:370px;
   z-index:21;
   left: 710px;
   top: 1px;
}
#tiret {
   position:absolute;
   width:200px;
   height:25px;
   z-index:12;
   left: 708px;
   top: 449px;
   visibility: visible;
}
#chiffres {
   position:absolute;
   width:200px;
   height:51px;
   z-index:13;
   left: 1017px;
   top: 473px;
   visibility: visible;
}
#video {
   position:absolute;
   width:200px;
   height:65px;
   z-index:22;
   left: 916px;
   top: 448px;
   visibility: visible;
}
#photos {
   position:absolute;
   width:37px;
   height:18px;
   z-index:23;
   left: 850px;
   top: 468px;
   visibility: visible;
}
#townhouslegend {
   position:absolute;
   width:200px;
   height:40px;
   z-index:31;
   left: 952px;
   top: 461px;
   visibility: visible;
}
#photoA {
   position:absolute;
   width:1247px;
   height:679px;
   z-index:4;
   left: -7px;
   top: -56px;
}
#transpa {
   position:absolute;
   width:138px;
   height:307px;
   z-index:18;
   left: 404px;
   top: 259px;
   visibility: visible;
}
a:link {
   color: #000000;
   text-decoration: none;
}
a:visited {
   color: #000000;
   text-decoration: none;
}
a:hover {
   color: #999999;
   text-decoration: underline;
}
a:active {
   color: #FF0000;
   text-decoration: none;
}
#carreblc {
   position:absolute;
   width:138px;
   height:302px;
   z-index:18;
   left: 405px;
   top: 260px;
   visibility: visible;
}
#crosuisdespaces {
   position:absolute;
   width:136px;
   height:20px;
   z-index:25;
   left: 411px;
   top: 532px;
}
#motsblancs {
   position:absolute;
   width:671px;
   height:390px;
   z-index:11;
   left: 542px;
   top: 0px;
}
#C {position:absolute;
   width:17px;
   height:16px;
   z-index:26;
   left: 144px;
   top: 573px;
}
.Style25 {color: #A0A0A4;
   font-style: normal;
   line-height: normal;
   text-transform: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}
#apDiv16 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:30;
   left: 600px;
   top: 463px;
}
#apDiv17 {
   position:absolute;
   width:111px;
   height:28px;
   z-index:28;
   left: 1046px;
   top: 561px;
}
#legende {
   position:absolute;
   width:332px;
   height:35px;
   z-index:25;
   left: 1116px;
   top: 484px;
}
#apDiv21 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:29;
   left: 476px;
   top: 81px;
}
#apDiv22 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:5;
   left: 0px;
   top: 0px;
}
#apDiv23 {
   position:absolute;
   width:519px;
   height:57px;
   z-index:28;
   top: 518px;
   left: 278px;
}
#apDiv24 {
   position:absolute;
   width:200px;
   height:115px;
   z-index:27;
   left: 503px;
   top: 49px;
}
.Style28 {
   color: #999999;
   font-style: normal;
   line-height: normal;
   text-transform: none;
   font-family: Kartika;
   font-size: medium;
}
-->
</style>
<script language="JavaScript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
//internet explorer version 4 et plus
document.onselectstart=new Function ("return false")
//internet explorer version 6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script><SCRIPT LANGUAGE="JavaScript">
<!--
Disable
function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3)
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body onload="MM_preloadImages('../page2index/pageindexfce/pageindexfce/survol_03.png','../page2index/pageindexfce/pageindexfce/survol_05.png','../page2index/pageindexfce/pageindexfce/survol_07.png','../page2index/pageindexfce/pageindexfce/survol_10.png','../page2index/pageindexfce/pageindexfce/survol_09.png','../page2index/pageindexfce/pageindexfce/survol_11.png','../page2index/pageindexfce/pageindexfce/survol_15.png')">
<div id="apDiv24"><img src="../DELPHINEPINS/bouchepresentation.gif" width="640" height="480" /></div>
<h6>&nbsp;</h6>

<h6>&nbsp;</h6>
<div id="apDiv23">
  <p class="Style25">_ Arts Appliqués - Histoire de l'Art - Graphisme &amp; Communication   _Université de Strasbourg FRANCE _ Interior Design &amp; Business of Styling _Parsons New School NEW YORK</p>
</div>
<!-- #BeginLibraryItem "/Library/animfondarbre .lbi" -->
<style type="text/css">
<!--
#animpermanenente {   position:absolute;
   width:497px;
   height:115px;
   z-index:5;
   left: 0px;
   top: 0px;
   visibility: visible;
}
-->
</style>
<div id="animpermanenente"><img src="../page2index/anim/anim-permanente.gif" alt="" width="463" height="491" /></div>
<!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/menuTXTfrançais.lbi" -->
<style type="text/css">
<!--
#menu {   position:absolute;
   width:122px;
   height:176px;
   z-index:21;
   left: 263px;
   top: 152px;
   visibility: visible;
}
-->
</style>

<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('../page2index/pageindexfce/pageindexfce/survol_03.png','../page2index/pageindexfce/pageindexfce/survol_05.png','../page2index/pageindexfce/pageindexfce/survol_07.png','../page2index/pageindexfce/pageindexfce/survol_10.png','../page2index/pageindexfce/pageindexfce/survol_09.png','../page2index/pageindexfce/pageindexfce/survol_11.png')"><div id="menu">
  <div align="right">
    <p><a href="frSOMMAIRE.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menup','','../page2index/pageindexfce/pageindexfce/survol_03.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_03.png" name="menup" width="94" height="19" border="0" id="menup" onclick="MM_showHideLayers('animpermanenente','','show')" /></a><a href="frDESIGNESPAC.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('designespace','','../page2index/pageindexfce/pageindexfce/survol_05.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_05.png" name="designespace" width="94" height="20" border="0" id="designespace" /></a><a href="frGRAPHISM.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('graphetcom','','../page2index/pageindexfce/pageindexfce/survol_07.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_07.png" name="graphetcom" width="109" height="29" border="0" id="graphetcom" onclick="MM_showHideLayers('animpermanenente','','show')" /></a><a href="frARTISTPEINTRE.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artist','','../page2index/pageindexfce/pageindexfce/survol_10.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_10.png" name="artist" width="94" height="20" border="0" id="artist" onclick="MM_showHideLayers('animpermanenente','','show')" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artist','','../page2index/pageindexfce/pageindexfce/survol_10.png',1)"></a><a href="frDELPHINEPINS.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('delpins','','../page2index/pageindexfce/pageindexfce/survol_09.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_09.png" name="delpins" width="94" height="20" border="0" id="delpins" onclick="MM_showHideLayers('animpermanenente','','show')" /></a><a href="frCONTACT.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../page2index/pageindexfce/pageindexfce/survol_11.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_11.png" name="contact" width="94" height="13" border="0" id="contact" onclick="MM_showHideLayers('animpermanenente','','show')" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../page2index/pageindexfce/pageindexfce/survol_11.png',1)"></a></p>
  </div>
</div>
<!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/copyC.lbi" -->
<style type="text/css">
<!--
#C {position:absolute;
   width:17px;
   height:16px;
   z-index:26;
   left: 144px;
   top: 573px;
}
-->
</style>
<div id="C"><img src="../page2index/image/copyright.png" alt="" width="17" height="16" /></div>
<!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/copyTXtFR.lbi" -->
<style type="text/css">
<!--
.Style25 {color: #A0A0A4;
   font-style: normal;
   line-height: normal;
   text-transform: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}
#copyright {
   position:absolute;
   width:310px;
   height:16px;
   z-index:24;
   left: 95px;
   top: 575px;
   font-variant: normal;
}
-->
</style>

<div class="Style25" id="copyright"> copyright &nbsp; &nbsp; &nbsp; 2008 elfydesign studio. tous droits reservés</div>
<!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/portfolioFR.lbi" -->
<style type="text/css">
<!--
#portfolio {   position:absolute;
   width:200px;
   height:17px;
   z-index:23;
   left: 268px;
   top: 557px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('../page2index/pageindexfce/pageindexfce/survol_15.png')"><div id="portfolio"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','../page2index/pageindexfce/pageindexfce/survol_15.png',1)"><img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_15.png" alt="" name="Image13" width="120" height="20" border="0" id="Image13" onclick="MM_showHideLayers('animpermanenente','','show')" /></a></div>
<!-- #EndLibraryItem --><!-- #BeginLibraryItem "/Library/tiret_menu.lbi" -->
<style type="text/css">
<!--
.Style5 {   font-family: "Garamond Premr Pro";
   font-size: 11pt;
}
#trait {
   position:absolute;
   width:131px;
   height:41px;
   z-index:25;
   left: 275px;
   top: 293px;
}
-->
</style>
<div id="trait">

  <p><img src="../page2index/pageindexfce/pageindexfce/INITIAUX_14.png" alt="" width="120" height="20" /></p>
</div>
<!-- #EndLibraryItem -->
</body>


</html>


AFTER CORRECTION

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>elfydesign_studio
    </title>
    <style type="text/css">
/*<![CDATA[*/
<!--    body {
   background-image: url(http://www.elfydesign.com/page1accueil/fonds/GRIS-FOND_01.gif);
   background-repeat: no-repeat;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
   font-size: 10px;
   color: #333333;
}
#trait {
   position: absolute;
   width: 200px;
   height: 41px;
   z-index: 25;
   left: 275px;
   top: 293px;
}
a:link {
   color: #000000;
   text-decoration: none;
}
a:visited {
   color: #000000;
   text-decoration: none;
}
a:hover {
   color: #999999;
   text-decoration: underline;
}
a:active {
   color: #FF0000;
   text-decoration: none;
}
#apDiv23 {
   position: absolute;
   width: 519px;
   height: 57px;
   z-index: 28;
   top: 518px;
   left: 278px;
   color: #A0A0A4;
   font-style: normal;
   line-height: normal;
   text-transform: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}
#apDiv24 {
   position: absolute;
   width: 200px;
   height: 115px;
   z-index: 27;
   left: 503px;
   top: 49px;
}
#menu {
   position: absolute;
   width: 122px;
   height: 176px;
   z-index: 21;
   left: 263px;
   top: 152px;
   text-align: right;       
  visibility: visible;
}
#C {
   position: absolute;
   width: 17px;
   height: 16px;
   z-index: 26;
   left: 144px;
   top: 573px;
}
#copyright {
   position: absolute;
   width: 310px;
   height: 16px;
   z-index: 24;
   left: 95px;
   top: 575px;
   color: #A0A0A4;
   font-style: normal;
   line-height: normal;
   text-transform: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-variant: normal;
}
#portfolio {
   position: absolute;
   width: 200px;
   height: 17px;
   z-index: 23;
   left: 268px;
   top: 557px;
}
.Style5 {
   font-family: "Garamond Premr Pro";
   font-size: 11pt;
}
-->
/*]]>*/
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

//-->
</script>
<script language="JavaScript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
//internet explorer version 4 et plus
document.onselectstart=new Function ("return false")
//internet explorer version 6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script><SCRIPT LANGUAGE="JavaScript">
<!--
Disable
function disableselect(e){
return false
}

function reEnable(){
return true
}

//if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3)
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>

  </head>
  <body onload="MM_preloadImages('../page2index/pageindexfce/pageindexfce/survol_03.png','../page2index/pageindexfce/pageindexfce/survol_05.png','../page2index/pageindexfce/pageindexfce/survol_07.png','../page2index/pageindexfce/pageindexfce/survol_10.png','../page2index/pageindexfce/pageindexfce/survol_09.png','../page2index/pageindexfce/pageindexfce/survol_11.png','../page2index/pageindexfce/pageindexfce/survol_15.png')">
    <div id="apDiv24">
      <img src="DELPHINEPINS/bouchepresentation.gif" width="640" height="480" alt="Image" />
    </div>
    <div id="apDiv23">
      <p>_ Arts Appliqués - Histoire de l'Art - Graphisme &amp; Communication _Université de Strasbourg FRANCE _ Interior Design &amp; Business of Styling _Parsons New School NEW YORK
      </p>
    </div>
    <!-- #BeginLibraryItem "/Library/animfondarbre .lbi" -->
    <div id="animpermanenente">
      <img src="../page2index/anim/anim-permanente.gif" alt="Image" width="463" height="491" />
    </div>
    <!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/menuTXTfrançais.lbi" -->
    <div id="menu">
      <p>
        <a href="frSOMMAIRE.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menup','','../page2index/pageindexfce/pageindexfce/survol_03.png',1)">
          <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_03.png" name="menup" width="94" height="19" border="0" id="menup" onclick="MM_showHideLayers('animpermanenente','','show')" alt="Image" /></a>
        <a href="frDESIGNESPAC.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('designespace','','../page2index/pageindexfce/pageindexfce/survol_05.png',1)">
          <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_05.png" name="designespace" width="94" height="20" border="0" id="designespace" alt="Image" /></a>
        <a href="frGRAPHISM.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('graphetcom','','../page2index/pageindexfce/pageindexfce/survol_07.png',1)">
          <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_07.png" name="graphetcom" width="109" height="29" border="0" id="graphetcom" onclick="MM_showHideLayers('animpermanenente','','show')" alt="Image" /></a>
        <a href="frARTISTPEINTRE.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artist','','../page2index/pageindexfce/pageindexfce/survol_10.png',1)">
          <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_10.png" name="artist" width="94" height="20" border="0" id="artist" onclick="MM_showHideLayers('animpermanenente','','show')" alt="Image" /></a>
        <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('artist','','../page2index/pageindexfce/pageindexfce/survol_10.png',1)"></a>
        <a href="frDELPHINEPINS.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('delpins','','../page2index/pageindexfce/pageindexfce/survol_09.png',1)">
          <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_09.png" name="delpins" width="94" height="20" border="0" id="delpins" onclick="MM_showHideLayers('animpermanenente','','show')" alt="Image" /></a>
        <a href="frCONTACT.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../page2index/pageindexfce/pageindexfce/survol_11.png',1)">
          <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_11.png" name="contact" width="94" height="13" border="0" id="contact" onclick="MM_showHideLayers('animpermanenente','','show')" alt="Image" /></a>
        <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../page2index/pageindexfce/pageindexfce/survol_11.png',1)"></a>
      </p>
    </div>
    <!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/copyC.lbi" -->
    <div id="C">
      <img src="../page2index/image/copyright.png" alt="Image" width="17" height="16" />
    </div>
    <!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/copyTXtFR.lbi" -->
    <div id="copyright">copyright &nbsp; &nbsp; &nbsp; 2008 elfydesign studio. tous droits reservés
    </div>
    <!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/portfolioFR.lbi" -->
    <div id="portfolio">
      <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','../page2index/pageindexfce/pageindexfce/survol_15.png',1)">
        <img src="../page2index/pageindexfce/pageindexfce/boutonsinitiaux_15.png" alt="Image" name="Image13" width="120" height="20" border="0" id="Image13" onclick="MM_showHideLayers('animpermanenente','','show')" /></a>
    </div>
    <!-- #EndLibraryItem -->
    <!-- #BeginLibraryItem "/Library/tiret_menu.lbi" -->
    <div id="trait">
      <p>
        <img src="../page2index/pageindexfce/pageindexfce/INITIAUX_14.png" alt="Image" width="120" height="20" />
      </p>
    </div>
    <!-- #EndLibraryItem -->
  </body>
</html>


its just some small explanation !!
after we see about referencement and indexation !!


i invite you to read a bit to see how to structure site in html ( if you not understand french ; say to me )

http://www.siteduzero.com/tutoriel-3-13 ... e-web.html

http://www.alsacreations.com/tutoriels/

http://actuel.fr.selfhtml.org/index.htm

its also possible to made a full flash web site !

Lots of designer or photographe use it ! but i dont think you know flash ??




see you later
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: website online

Postby elfydesign on Sat Jan 31, 2009 6:52 pm

HI


thank you for your piece of advise


I will try to understand the comparison you made for me, and the corrections...

just 2 questions : the first one, how can I make my animated GIF lighter without changing the size and their appearance.
Maybe it could be better that I made them in Flash ?

the second one : I don't know Flash, but before this website I didn't know Dreamweaver and I learn thanks to your tutorial.

So, for my website, what do you think, Flash or Dreamweaver ? (following your tutorial)
Which one is more suited to my need.

thank you and have a good week end...
User avatar
elfydesign
 
Posts: 10
Joined: Wed Jan 28, 2009 5:50 pm

Re: website online

Postby RAD on Mon Feb 02, 2009 4:50 pm

the first one, how can I make my animated GIF lighter without changing the size and their appearance.
Maybe it could be better that I made them in Flash ?


not easy and in this case not possible the size is to big ! so flash can be a solution !

the second one : I don't know Flash, but before this website I didn't know Dreamweaver and I learn thanks to your tutorial.


Sure you can , but flash is a programing langage , and you need a lot of practice or try to made a valuable site if you start at 0 on action scripts !

So, for my website, what do you think, Flash or Dreamweaver ? (following your tutorial)
Which one is more suited to my need.


depend a bit on what fonction you want to your site , if its a graphic presentation of your work , FLASH

if you want more social ware with member ect ect not flash !

i have some Full .xml driven Flash site i made , i will upload some of and if want one np :

but let me time i need to config them !
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: website online

Postby elfydesign on Fri Feb 20, 2009 7:57 pm

HI RAD

thanks again for everything

ça y est j'ai tout refait !. mais bien sûr des problèmes subsistent...

J'ai 3 questions pour toi !
_mon site est refait et propre, ( plus d'erreurs), une feuille CSS, et des INCLUDES pour mon menu en php.
Malgré tout, mon menu se charge encore à gauche : j'ai 2 suppositions
soit mon code php est mal fait mais je ne crois pas car il fonctionne bien en interne
soit les pages sont encore trop lourdes et on a l'impression qu'il recharge tout !
ton avis sur la question 1 ? ;-) :roll:

_la seconde, toutes mes images ont été diminuées et optimisées, mes gif animés ont été supprimés et remplacés par des images fixes en attendant
que je trouve une solution avec Flash (d'ailleurs t'as pas qq bons tuto de base pour des anim simples ?)
et mon site reste très lent !!!! Je ferai tout ce que tu me diras, c'est promis ;-) :lol: ... à part les images textes, que penses tu qui crée ce ralentissement du chargement des pages !

_enfin, j'ai tout essayé pour avoir un preloader à ma page index (avec le seul gif animé qui subsitse), un truc tout simple, discret au milieu de la page avec une barre verticale de 0 à 100%
et rien n'y fait ! je n'y arrive pas malgré tes codes et conseils sur ce point ...

here is my website : elfydesign.com
merci, merci et encore... merci :D

delphine
User avatar
elfydesign
 
Posts: 10
Joined: Wed Jan 28, 2009 5:50 pm

Re: website online

Postby RAD on Mon Feb 23, 2009 2:39 am

SALUT

Je n ai pas trop de temps actuellement mais je t ai envoye un Soft en Message Perso pour t aider a faire un flash facilement
MP

RAD
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am


Return to RAD ZONE FORUM

Who is online

Users browsing this forum: No registered users and 3 guests

cron