No title

Layoutin ohjeet

1. Luo sivuillesi kansio ja kopioi sinne seuraavat kuvat samoilla nimillä:

01.jpg 02.jpg tausta.gif

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

<html> <head> <title>O T S I K K O</title> <base target="iframe"> </head> <body bgcolor="white" text="#6C5E55" link="black" vlink="black" alink="black" background="tausta.gif"> <table align="center" width="926" background="01.jpg" cellspacing="0" bordercolordark="#EED5C1" bordercolorlight="#EED5C1" cellpadding="0"> <tr> <td width="16" height="546" rowspan="5"> </td> <td width="567" height="16"> </td> <td width="17" height="546" rowspan="5"> </td> <td width="323" height="16" colspan="3"> </td> <td width="3" height="546" rowspan="5"> </td> </tr> <tr> <td width="567" height="514" rowspan="3"> <iframe src="etusivu.htm" width="100%" height="100%" name="iframe" frameborder="0"> </iframe> </td> <td width="323" height="53" colspan="3"> O T S I K K O </td> </tr> <tr> <td width="107" height="170"> <ul type="disc"> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> </ul> </td> <td width="107" height="170"> <ul type="disc"> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> </ul> </td> <td width="107" height="170"> <ul type="disc"> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> <li style="line-height:150%; margin-top:0; margin-bottom:0;"><a href="../index.htm">Linkki</a></li> </ul> </td> </tr> <tr> <td width="323" height="291" colspan="3"> </td> </tr> <tr> <td width="567"> </td> <td width="323" colspan="3"> </td> </tr> </table> </body> </html>

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

<html> <head> <title>O T S I K K O</title> <STYLE type="text/css">  </STYLE> </head> <body bgcolor="white" text="#6C5E55" link="black" vlink="black" alink="black" background="02.jpg" bgproperties="fixed"> Omat tekstisi tähän. </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