Het gebruik van frames
Les 1
De voorbereidingen ...
Laten we beginnen bij het begin. Voor deze cursus hebben we een paar HTML documenten nodig. Start Kladblok en type of kopieer-en-plak het volgende:<HTML>
<HEAD>
<TITLE>Mijn Frames Pagina</TITLE>
</HEAD>
<BODY></BODY>
</HTML>We geven elk document een eigen naam. Laten we eens meisjesnamen gebruiken.
<HTML>
<HEAD>
<TITLE>Mijn Frames Pagina</TITLE>
</HEAD>
<BODY>
Kim
</BODY>
</HTML>Maak een nieuwe map en noem die 'Frames'. Sla het document(je) op als kim.html.
(denk er nog even om: Opslaan als type: moet je op Alle bestanden zetten)
Opmerking:Maak nu een nieuw HTML document.
Ik noem documenten altijd xxxx.html. Je mag ook de extentie xxxx.htm gebruiken. In de Windows-omgeving maakt het niet uit welke extentie je kiest. Maar op sommige servers mag de extentie van een bestand maar drie letters lang zijn. In dat geval moet je wel de extentie htm gebruiken. Veel FTP programma's bieden de mogelijkheid om de extentie te veranderen na het uploaden als dat nodig mocht zijn.<HTML>
<HEAD>
<TITLE>Mijn Frames Pagina</TITLE>
</HEAD>
<BODY>
Lisa
</BODY>
</HTML>Sla dit ook in de map Frames op als lisa.html.
Doe nu hetzelfde voor Sacha, Sharon, Laura en Alice. Sla ze op dezelfde manier op als de eerste twee. Je moet nu een map hebben met zes complete HTML documenten. De namen heb ik willekeurig gekozen. Als je liever de namen van je vriendjes wilt gebruiken, mij maakt het niet uit.
We gaan de hoofd-frame-pagina of master-pagina maken. Begin met een standaard HTML document:<HTML>
<HEAD>
<TITLE>Mijn Frames Pagina- Master</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>Verwijder de <BODY> tags. De master-pagina gebruikt ze niet...
<HTML>
<HEAD>
<TITLE>Mijn Frames Pagina- Master</TITLE>
</HEAD>
</HTML>...in plaats daarvan gebruiken we <FRAMESET> tags .
<HTML>
<HEAD>
<TITLE>Mijn Frames Pagina- Master</TITLE>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>Om de zaak een beetje overzichtelijk te houden stop ik met de <HTML>, <HEAD> en <TITLE> tags te typen. Onnodig te zeggen dat ze wel in je document moeten blijven staan.
<FRAMESET>
</FRAMESET>Sla dit document op in de map Frames en geef het als naam index.html. Als je de master nu opent met je browser zal je scherm wit (of grijs) blijven. Er staat geen tekst op deze pagina en die komt er op de masterpagina ook niet te staan!
De dochterpagina's
Laten we de browser nu eens gaan vertellen dat we het scherm willen splitsen in twee kolommen die elk 50% van het scherm innemen. Typ in je masterpagina tussen FRAMSET-tags het volgende:<FRAMESET COLS="50%,50%">
</FRAMESET>Je hebt nu nog steeds een blanco scherm. We hebben nog één dingetje nodig om de zaak werkend te krijgen:
We moeten de browser vertellen wat hij in elk van de frames moet zetten.<FRAMESET COLS="50%,50%">
Je bent nu de trotse ouder van een operationele framepagina!
<FRAME SRC="kim.html">
<FRAME SRC="lisa.html">
</FRAMESET>Nog één detail voor we verder gaan. Merk op <FRAMESET> een zogenaamde container tag is en <FRAME> niet. Voor degenen die niet weten wat dat is, een container tag heeft een begin <TAG> en een eind </TAG>.