Kehykset ("freimit", engl. frames) ovat selainikkunan osia, jotka toimivat joissakin suhteissa itsenäisinä ali-ikkunoina. Kehyksen sisällä näkyy yleensä HTML-dokumentti, mutta siellä voi olla myös kuva, pelkkä tekstitiedosto tms. Kehyksen sisällys voi olla vieritettävissä (skrollattavissa) ylös ja alas, kenties myös vaakasuunnassa, kuten normaali dokumentti normaalissa selainikkunassa on. Kehykset ovat suorakulmaisia: ikkuna voidaan jakaa kahteen tai useampaan suorakulmaiseen osaan vaakasuunnassa tai pystysuunnassa. Näin saatuja osia voi vielä jakaa edelleen. Periaatteessa muunkinmuotoiset kehykset olisivat ajateltavissa, mutta ne eivät ole mahdollisia HTML:ssä. Yritykset jäljitellä niitä rakentamalla suorakulmaisista paloista monimutkainen kehikko johtavat juuri siihen mihin voi olettaakin niiden johtavan.
Lähde http://www.cs.tut.fi/~jkorpela/webjulk/3.8.htmlAluksi tehdään frameilla tämmöinen todella helppo kotisivu.
Nämä kotisivut aloitetaan koodilla:
<html>
<head>
<title>Sivusi</title>
</head>
<frameset cols="20%,60%">
<frame name="vasen" src="vasen.html">
<frame name="paa" src="paasivu.html">
</html>
Kun olet tehnyt tämän tallenna se nimellä
index.htmlSitten aletaan tekemään kotisivujen vasenta osaa, johon tulee yleensä linkit.
Se tulee koodilla:
<html>
<body>
<li><a href="paasivu.html" target="paa">Etusivu</a>
<li><a href="aseet.html" target="paa">Info</a>
<li><a href="tekija.html" target="paa">Artikkelit</a>
<li><a href="muut.html" target="paa">Vieraskirja</a>
</body>
</html>
Tallenna tämä tiedosto
vasen.htmlSen jälkeen koodaat oikean kohdan kotisivuista koodilla:
<html>
<body>
Tähän tekstiä
</body>
</html>
Tallenna se sitten nimellä
paasivu.htmlLopputulos:
http://tjaa.dy.fi/lite/webhost/pivotroiske/index.htmlKEHYS 2Nyt tehdään äskeiselle kotisivulle vielä kolmas kehys.
Nämä kotisivut aloitetaan koodilla:
<html>
<head>
<title>Sivusi</title>
</head>
<frameset cols="20%,60%,20%">
<frame name="vasen" src="vasen.html">
<frame name="paa" src="paasivu.html">
</html>
Tallenna tiedosto nimellä
index.htmlSeuraavaksi tehdään vasen kehys koodilla:
<html>
<body>
<li><a href="paasivu.html" target="paa">Etusivu</a>
<li><a href="aseet.html" target="paa">Info</a>
<li><a href="tekija.html" target="paa">Artikkelit</a>
<li><a href="muut.html" target="paa">Vieraskirja</a>
</body>
</html>
Tallenna nimellä
vasen.htmlSitten keskellä oleva kehys, koodilla:
<html>
<body>
Tähän tekstiä
</body>
</html>
Tallenna koodi nimellä
paasivu.htmlJa viimeiseksi oikea kehys koodilla:
<html>
<body>
Tässä on oikea
</body>
</html>
Tallenna se nimellä
oikea.htmlLopputulos:
http://tjaa.dy.fi/lite/webhost/pivotroiske/etusivu.htmlKEHYS 3Nyt tehdään kehykset näin päin.
Nämä kotisivut aloitetaan koodilla:
<html>>
<head>
<title>Sivusi</title>
</head>
<frameset rows="50%,50%">
<frame src="yla.html">
<frame src="ala.html">
</frameset>
</html>
Tallenna tämäkin nimellä
index.htmlSeuraavaksi koodaamme yläosan:
<html>
<body>
Tähän tekstiä
</body>
</html>
Tallenna nimellä
yla.htmlSitten vielä alhaalla olevan:
<html>
<body>
Tähän tekstiä
</body>
</html>
Ja tallenna se nimellä
ala.htmlLopputulos:
http://tjaa.dy.fi/lite/webhost/pivotroiske/ind.htmlTekijä: Blazer
