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>