Werken met frames
|
Het is niet aan te raden frames nog te gebruiken. Deze techniek is sterk verouderd, en heeft grote nadelen voor onder andere zoekmachineresultaten. Daarnaast zijn frames niet erg gebruiksvriendelijk. Tegenwoordig worden de meeste website's gemaakt met behulp van divs. |
Wat zijn frames?
Vroeger werden frames heel veel gebruikt voor het opbouwen van websites. Tegenwoordig zijn ze een beetje uit de mode, maar misschien herinner je ze nog wel. Deze pagina is opgebouwd uit meerdere frames. De frames zijn gewoon HTML-pagina's. Deze drie pagina's zijn samengebonden in één pagina. Hieronder zie je een voorbeeld van HTML-code voor frames.
Voorbeeld:
In frameset geef je de grootte van de frames op. Voor elk frame maak je nu in de frameset een aparte frame-tag aan. Je ziet nu dat in frameset rows wordt gebruikt, dit betekent rijen. De bovenste rij gebruikt dus 40% van het scherm, de middelste 45% en de onderste 15%. De bovenste rij is 1.html de middelste 2.html, enzovoort. Klik hier om het resultaat van de bovenstaande code te openen.
Je kunt de frames ook los openen. Klik hier om alleen 1.html te openen.
advertentie
Rows en Cols
Bij het vorige voorbeeld hebben we alleen gebruikt gemaakt van rijen. Natuurlijk kun je ook kolommen maken met frames. Dan verander je rows uit bovenstaand voorbeeld in cols, zo dus:
Hierdoor komen de frames niet horizontaal, maar verticaal op het scherm te staan. Klik hier om het resultaat te zien.
Nu weet je al wat over de opbouw van de frames. Je kunt nu bijvoorbeeld links een smal menu en rechts een groot inhoud-frame maken.
Frames en links
Wat je misschien ook al gemerkt hebt, is dat als je in een frame een link zet, de link zich opent in hetzelfde frame. Klik hier om te zien hoe dat gaat.
Daarom moeten we alle frames een naam geven. Dat gaat met attribuut name. Dit gaat als volgt:
Je ziet nu dat ik het frame met het menu de naam menu heb gegeven, en de frame met inhoud.html tekst. Als je nu een link wilt laten openen in het frame tekst, dan moet je dat opgeven in de link, met het attribuut target. Zo dus:
Ik heb nu de bovenstaande link op die manier in mijn menu gezet, en de frames een naam gegeven. Klik hier voor het resultaat.
Als je een link in een nieuw venster wilt openen kun je als target _blank invullen, en wil je dat alle frames worden gewist en de pagina dan wordt geladen, gebruik dan _top.
Frames opmaken
Je kunt nu een compleet frame-systeem maken waarmee je goed kunt navigeren, maar er zijn nog een paar andere mogelijkheden.
scrolling: Met deze tag kun je aangeven of je wilt dat scrollen mogelijk is in je frame. Deze tag neem je gewoon op in de frame tag. Je kunt de waarden no, yes en auto gebruiken. Zo dus: scrolling="no".
noresize: Dit zorgt ervoor dat het frame niet in grootte verandert kan worden door de gebruiker. Zet gewoon noresize in de frame-tag, zonder waarde.
frameborder: Hiermee kun je de frameborder (rand) instellen. Neem ook dit op in de frame-tag. Mogelijke waarden: yes en no.
framespacing: Hiermee kun je de ruimte tussen de frames instellen, in pixels. Neem dit op in de frame-tag. Mogelijke waarden: alle getallen, het aantal pixels.
advertentie
Noframes
Nu gaan we verder met het laatste onderdeel: de noframes-tag. Dit is handig voor de oudere browsers die geen frames ondersteunen. Deze tag is heel makkelijk: zet na de afsluiting van de frameset tag dit neer:
Hier tussenin zet je de tekst die moet verschijnen als iemand met een oudere browser op je site komt, één die geen frames ondersteunt.
Dit kan dan de totale code zijn:
