Tips




Overige

HTML - Frames

[ De basis ] [ Teksten/Tabellen ] [ Afbeeldingen/Hyperlinks ] [ Frames ]
Frames
Met frames doet u in zekere zin het zelfde als met tabellen. De informatie wordt geordend op de site geplaatst. Met frames wordt het scherm als het ware opgedeeld in verschillende pagina's. Ze werken afzonderlijk van elkaar. U krijgt dus ook te maken met diverse HTML-documenten. Allereerst het hoofddocument van waaruit de verschillende frames worden benoemd. Voor elke frame zal vervolgens ook een HTML-document gemaakt moeten worden. We gaan nu eerst het hoofddocument opmaken o.b.v. twee frames :

<HTML>
    <HEAD>
...
    </HEAD>
    <FRAMESET COLS="50%,50%">
    <FRAME NAME="links" SRC="links.html" SCROLLING="NO">
    <FRAME NAME="rechts" SRC="rechts.html" SCROLLING="AUTO">
    <NOFRAMES>
     Uw browser ondersteunt geen frames
    </NOFRAMES>
    </FRAMESET>
</HTML>


Met FRAMESET openen en sluiten we de framesdefinitie. Met COLS geven we in het voorbeeld aan dat we het scherm verdelen in twee kolommen welke 50%/50% zijn verdeeld over het scherm. Willen we het scherm verdelen in rijen i.p.v. kolommen dan gebruiken we ROWS. De eerste frame noemen wij (NAME) links en vullen we met het HTML-document links.html (SCR). We geven vervolgens aan de het betreffende frame niet kan scrollen. De tweede frame noemen wij rechts en vullen we met het HTML-document rechts.html. Hier wordt automatisch bepaald of scrollen mogelijk moet zijn. Dus als het document (rechts.html) meer inhoud heeft dan het scherm aankan, is scrollen mogelijk. Tenslotte wordt in het NOFRAMES-gedeelte gecontroleerd of de browser van de bezoeker van uw website wel frames kent. Zo niet, dan krijgt de bezoeker de tekst 'Uw browser ondersteunt geen frames'.

Nu geven we een voorbeeld waarbij het tweede (rechter) frame wordt opgedeeld in twee rijen:

<HTML>
    <HEAD>
...
    </HEAD>
    <FRAMESET COLS="50%,50%">
    <FRAME NAME="links" SRC="links.html" SCROLLING="NO">
    <FRAMESET ROWS="50%,50%">
    <FRAME NAME="rechtsboven" SRC="rechtsbv.html" SCROLLING="AUTO">
    <FRAME NAME="rechtsonder" SRC="rechtson.html" SCROLLING="AUTO">
    </FRAMESET>
    </FRAMESET>
</HTML>


We beginnen weer met het aanmaken van twee kolommen (COLS) en benoemen het linker frame. Vervolgens maken we voor het rechter frame twee rijen (ROWS) aan en benoemde het bovenste (rechtsboven) en het onderste (rechtsonder) frame.

Stel dat één van de frames tussentijds een andere inhoud moet krijgen dan gebeurt dit als volgt:

<A HREF "rechts2.html" TARGET="rechts">
Klik hier voor een nieuwe inhoud van het rechter frame
</A>


Merk op dat de naam bij TARGET (rechts) overeen moet komen benaming in het hoofddocument bij <FRAME NAME="rechts" ... >
Slot
Tot zover deze minicursus HTML. Was u reeds bekend met HTML dan zult u opmerken dat een aantal onderwerp niet behandeld zijn, zoals bijvoorbeeld formulieren. Ook zijn een aantal behandelde onderwerpen niet ver uitgediept. Zoals eerder werd aangegeven is dit niet meer dan een basis, om de beginnende webdesigner op weg te helpen. Voor een uitgebreidere uitleg van HTML verwijzen wij u naar onze Links of kijk op de volgende website: Handleiding HTML.

Boven