| Frames | |
| Beginselen | In het kort worden hier de beginselen van het werken met frames uitgelegd. Frames worden vaak gebruikt om een duidelijke navigatiestructuur te maken. In dit voorbeeld wordt een frameset gedefinieerd die de pagina in twee stukken verdeelt. Een linker deel waar de inhoudsopgave komt te staan en een rechter deel waar de teksten komen te staan. Precies zoals de pagina's van deze htmlcursus zijn ingedeeld. |
| Frames definieren |
In de beginpagina (index.html) moet je de frames definieren, in dit
bestand geef je aan dat je links de inhoudsopgave wilt hebben en rechts
op de pagina de teksten.
De beginpagina (index.html) moet er (ongeveer) als volgt uitzien.
<HTML> <HEAD> <TITLE>Instellen van de frames</TITLE> </HEAD> <FRAMESET COLS="20%,*"> <FRAME NAME="inhoudsopgave" SRC="inhoudsopgave.html" SCROLLING="NO"> <FRAME NAME="teksten" SRC="teksten.html" SCROLLING="AUTO"> </FRAMESET> <NOFRAMES> Uw browser ondersteunt geen frames. </NOFRAMES> </HTML> |
| COLS | met COLS="20%,*" geef je aan dat je kolommen wilt gebruiken, de eerste mag 20% van de pagina in beslag nemen en de tweede de rest van de ruimte. (Je kunt natuurlijk elk gewenst getal invullen op deze twee plaatsen) |
| ROWS |
Als je in plaats van een verticale opdeling een horizontale opdeling wilt van
je pagina's, kun je ROWS gebruiken. met ROWS="50%,50%" geef je aan dat je rijen wilt gebruiken, de eerste mag 50% van de pagina in beslag nemen en de tweede ook. (Je kunt ook in dit geval natuurlijk elk gewenst getal invullen op deze twee plaatsen) |
| SCROLLING |
met SCROLLING= kun je instellen of er bij het betreffende frame
een schuifbalk moet komen of niet. De attributen die je achter SCROLLING= kunt zetten zijn: "NO", "AUTO", "YES". |
| NOFRAMES | Tussen <NOFRAMES> en </NOFRAMES> kun je een bericht intypen voor mensen die je pagina bekijken met een browser die geen frames ondersteund. |
| TARGET |
Vervolgens maak je twee pagina's. Eentje met de naam "inhoudsopgave.html" en eentje
met de naam "teksten.html".
In inhoudsopgave.html maak je de inhoudsopgave, met daarin verwijzingen zoals:
<A HREF="teksten.html" TARGET="teksten">Mijn teksten</A> <A HREF="meertekst.html" TARGET="teksten">Nog meer teksen</A> met TARGET="teksten" geef je aan dat de pagina teksten.html in het rechter frame moet worden afgebeeld. |