OFFLINE

HTMLinfo => Alapfokú weblecke => Keretek (1)

Mi is a keretek lényege?

Frame-ek (keretek) használatával könnyen megvalósítható az oldalak váltása és az áttekinthető navigáció a weblapon. Keretekre osztani egy lapot tulajdonképpen nem is olyan nehéz. Az alapötlet a következő: minden frame egy szabályos, teljes HTML dokumentum. Ha a lapot két részre akarjuk osztani, létre kell hoznunk egy-egy szabályos HTML oldalt mindkét frame számára, és egy harmadikat a fődokumentum számára. Ez a fődokumentum fogja tartalmazni a <FRAME> elemeket, amelyek meghatározzák az oldal kinézetét. Gyakorlatilag ez mást nemigen tartalmaz.

Két fő FRAME elem van a leírónyelvben; a <FRAMESET> és a <FRAME>. Ezeknek az elemeknek és attribútumaik megfelelő alkalmazásával csodákat művelhetünk.

Először is: szükségünk lesz néhány html dokumentumra; tehát indítsuk el Notepad nevű, vagy azzal egyenértékű programunkat és írjuk be a következő kódot:

<HTML>
<HEAD>
<TITLE>Frame - oldal</TITLE>
</HEAD>
<BODY>
Egyik
</BODY>
</HTML>

Mentsük el egyik.html néven, aztán készítsünk még egy lapot:

<HTML>
<HEAD>
<TITLE>Frame - oldal</TITLE>
</HEAD>
<BODY>
Másik
</BODY>
</HTML>

Hogy fantáziánkat bizonyítsuk, mentsük el ezt masik.html néven. Aztán készítsünk még néhányat, mindegyiket más-más szöveggel, és sorban mentsük el őket (más-más néven).

És most ugrik a majom a vízbe: készítsük el a fődokumentumot!

<HTML>
<HEAD>
<TITLE>FRAME főlap</TITLE>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>

Ki vette észre a furcsaságot? A fődokumentumban nincsen <BODY> tag! Helyét a <FRAMESET></FRAMESET> foglalta el. Ha kicsodálkoztuk magunkat, mentsük el ezt a lapot is, ugyanabba a könyvtárba, ahova az előzőeket is. Hasonlóan fantáziadús nevet fogunk neki adni; legyen index.html.

előző  tetejére  következő