Layotin ohjeet

Layotin ohjeet

1. Luo sivujasi varten kansio ja kopioi sinne seuraava kuva nimellä "1.jpg".

2. Luo tiedosto "index.htm" ja kopioi sinne seuraava koodi.

<html> <head> <title>Otsikko</title> <base target="iframe"></head> <body bgcolor="#CCDBEE" text="white" link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC"> <table align="center" width="817" background="1.jpg" cellpadding="0" cellspacing="0"> <tr> <td width="64" height="548" rowspan="3"> <p> </p> </td> <td width="547" height="83"> <p align="center"><font face="Verdana"><span style="font-size:36pt;">Otsikko</span></font></p> </td> <td width="206" height="548" rowspan="3"> <p> </p> </td> </tr> <tr> <td width="547" height="437"> <p><iframe src="etusivu.htm" width="100%" height="100%" frameborder="0" name="iframe"> </iframe></p> </td> </tr> <tr> <td width="547" height="28"> <p align="right"><font face="Arial"><span style="font-size:10pt;"><a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~<a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~<a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a> ~ <a href="../index.htm">Linkki</a></span></font></p> </td> </tr> </table> </body> </html>

3. Luo tiedosto "etusivu.htm" ja kopioi sinne seuraava koodi.

<html> <head> <title>Otsikko</title> <STYLE type="text/css">  </STYLE> </head> <body bgcolor="#707F92" text="white" link="#CCCCCC" vlink="#CCCCCC" alink="#CCCCCC"> <p><font face="Arial"><span style="font-size:10pt;">Omat tekstisi tähän.</span></font></p> </body> </html>

4. Lisää omat tekstisi. Linkit ja otsikko ovat "index.htm":ssä, muut tekstit "etusivu.htm":ssä. Jos sivustollasi on muitakin sivuja kuin etusivu, tee ne "etusivu.htm":n koodipohjalle.

5. Tarkista layoutin toimivuus.

6. Linkitä etusivultasi osoitteisiin http://www.mayangel.tk ja http://www.tanjan.net/valokuva/

7. Valmis