KEHYSTEN KÄYTTÖ
Tarkoituksena on tehdä www-sivut, joissa
käytetään kehyksiä.
Näyttö on alla olevan mallin mukainen.
Ideana sivuilla on se, että klikattaessa
Etusivu-linkkiä saadaan oikeaan kehykseen kyseinen sivu ja
Tietoja-linkkiä saadaan puolestaan oikeaan kehykseen
Tietoja-sivu ja samoin Kuvia-linkin kohdalla Kuvia-sivu.
Etusivu Tietoja Kuvia |
ETUSIVU |
Sivut koostuvat seuraavista dokumenteista (5 kpl)
* PÄÄSIVU, jolla määritellään kehykset
* VASEMMAN PUOLEINEN OSA NÄYTÖSTÄ, jonne sijoitetaan linkit
* OIKEAN PUOLEINEN OSA NÄYTÖSTÄ, jonne halutut sivut latautuu ja jossa valmiina
etusivun teksti
* tietoja.htm ja kuvia.htm, joissa voi olla vaikkapa vain yksi sana.
PÄÄSIVU / INDEX.HTM
<html>
<head>
<title></title>
</head>
<frameset cols="150,*">
MÄÄRITELLÄÄN KEHYKSIEN LEVEYS
<frame
src="left.htm" noresize marginwidth= 20 name
="vasen"> MÄRITELLÄÄN KEHYS
<frame
src="right.htm" name="oikea">
</frameset>
<noframes>
JOS SELAIN EI TUE KEHYKSIÄ
<body>
</body>
</noframes>
</html>
VASEN PUOLI NÄYTÖSTÄ / LEFT.HTM
<html>
<head>
<title></title>
</head>
<body>>
<a href="right.htm"
target="oikea">Etusivu</a> <br>
LINKIT, JOILLA DOKUMENTTI LADATAAN
<a href="tieto.htm"
target="oikea">Tietoja</a><br>
KO. KEHYKSEEN
<a href="kuvia.htm"
target="oikea">Kuvia</a>
</body>
</html>
OIKEA PUOLI NÄYTÖSTÄ / RIGHT.HTM
<html>
<head>
<title></title>
</head>
<body>
<p align = center> Etusivulla olevaa
tekstiä ym.</p>
</body>
</html>
TIEDOSTOT TIETO.HTM ja KUVIA.HTM
<html>
<head>
<title></title>
</head>
<body>
<p align = center> TIETO /
KUVIA</p>
TEKSTI SIVUSTA RIIPPUEN
</body>
</html>