Tallenna nämä kuvat nimillä kuva.png ja tausta.png :
Tallenna nämä koodit indexiin : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>SIVUSI NIMI TÄHÄN</title> <STYLE type=text/css><!-- body{ font-family: trebuchet ms; font-size: 8pt; color: #000000; cursor: default; text-align:justify; background: url(tausta.png);} A:link{color:darkred;text-decoration:none; cursor:default;} A:visited{color:darkred;text-decoration:none; cursor:default;} A:active{color:darkred;text-decoration:none; cursor:default;} A:hover{color:#000000;text-decoration:none; cursor:default;} } --></STYLE> </head> <body> <Div style="position: absolute; top:0; left:0;"> <img src="kuva.PNG"></div> <div style="position: absolute; top:66; left:270;"><font face="georgia" size="7"> SIVUSI NIMI </font></div> <Div style="position: absolute; top:160; left:292; align="justify"> <iframe src="main.htm" name="T" width="427" height="328" frameborder=0 style="border-width:0px; frameborder="no" scrolling="scrol" noresize></iframe></div> <Div style="position: absolute; top:264; left:26; align="justify"> <iframe src="paivitykset.htm" name="P" width="229" height="224" frameborder=0 style="border-width:0px; frameborder="no" scrolling="scrol" noresize></iframe></div> <div style="position: absolute; top:519; left:32;"> <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> - <a href="linkki" target="T">Linkki</a> </div> <div style="position: absolute; top:38; left:207; width:362;"> © <a href="mailto:jennihassu@netti.fi">Jenni</a>, <a href="http://www.freewebs.com/eternity_world" target="_blank">Eternity World</a> - <a href="http://www.gallery.digik.net" target="_blank">Digik Gallery</a></div> </div> <!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>
Tallenna nämä koodit sivulle main.htm ja jokaiselle uudelle sivulle : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <STYLE type=text/css><!-- body{ font-family: trebuchet ms; font-size: 8pt; color: #000000; cursor: default; text-align:justify; background-color:#fff;} A:link{color:darkred;text-decoration:none; cursor:default;} A:visited{color:darkred;text-decoration:none; cursor:default;} A:active{color:darkred;text-decoration:none; cursor:default;} A:hover{color:#000000;text-decoration:none; cursor:default;} } --></STYLE> </head> <body> <b>Otsikkosi</b> <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä <!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>
Tallenna nämä koodit sivulle paivitykset.htm : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <STYLE type=text/css><!-- body{ font-family: trebuchet ms; font-size: 8pt; color: #000000; cursor: default; text-align:justify; background-color:#fff;} A:link{color:darkred;text-decoration:none; cursor:default;} A:visited{color:darkred;text-decoration:none; cursor:default;} A:active{color:darkred;text-decoration:none; cursor:default;} A:hover{color:#000000;text-decoration:none; cursor:default;} } --></STYLE> </head> <body> <b>00.00.00</b> <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä<p> <b>00.00.00</b> <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä<p> <b>00.00.00</b> <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä<p> <b>00.00.00</b> <br> tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä <!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html>
