Eén framesetpagina Een xhtml pagina per deel van het frame.

Maat: px

Weergave met pagina beginnen:

Download "Eén framesetpagina Een xhtml pagina per deel van het frame."

Damian ter Linde
6 jaren geleden
Aantal bezoeken:

1 Frames xhtml heeft van zijn broertje HTML een manier geërfd om een pagina in verschillende delen te splitsen. Dit maakt het mogelijk van in ieder deel een andere xhtml pagina te laden en deze apart van elkaar te laden. Wat heb je nodig om een Frame te maken: Eén framesetpagina Een xhtml pagina per deel van het frame. Een framesetpagina is één pagina die je moet aanmaken en waar je de deelpagina s in kan laden. Deze pagina moet opgemaakt worden met de frameset DTD. Dit namelijk omdat er nog geen frames bestaan om direct in xhtml te implementeren, deze zijn nog altijd in volle ontwikkeling. Men heeft voorlopig de frameset DTD gemaakt om toch verder frames te kunnen gebruiken. Framesetpagina <html> <head> <title>

2 </title> </head> <frameset cols= *,* > <frame src="a.htm"> <frame src="b.htm"> </frameset> </html> Een framesetpagina heeft dus geen body, om dat het zelf ook geen inhoud heeft. In plaats daar van heeft het <frameset> waar je de verschillende deelpagina s in kan zetten, zoals in het voorbeeld: A.htm en B.htm. <frameset> attributen Wanneer je een framesetpagina maakt, dan moet je ook je frame onderverdelen in kollommen en rijen. Hiervoor gebruik je de attributen Cols en Rows. Mogelijke waarden: Het aantal pixels Een percentage: bv een kolom van 30% en één van 70% van de window Een wildcard: Met een wildcard geef je aan dat de rest van de browserruimte opgevuld mag worden door een bepaalde row of column (=kolom). Wildcards gebruiken is vooral nuttig wanneer je met pixels werkt. Hierdoor hoe je niet eerst uit te rekenen hoeveel pixels er voor je laatste kolom gebruikt moeten worden. <frameset cols="20%,80%"> <frameset cols="100,300,*"> Het attribuut id is ook van toepassing op een frameset. <frameset cols="20%,80%"> <frame src="a.htm"> <frame src="b.htm"> </frameset> <frame> attributen Je kan zowel een nam e= als id= toewijzen aan < fram e>. Je m oet dan wel altijd een unieke naam gebruiken.

3 Class= en style= zijn zoals bij iedere tag eveneens beschikbaar, hier over echter meer in de lessen CSS. fram eborder= Frameborder bepaalt of de fram erand een vlakke of 3D -rand krijgt. Fram eborder = 1 geeft een 3D-rand, fram eborder= 0 geeft een vlakke rand. marginwidth="..." Afstand in pixels tussen inhoud van frame en linker- rechterranden. marginheight="..." Afstand in pixels zijn tussen inhoud van frame en boven- en onderkant van het frame. noresize="noresize" Door dit attribuut noresize als waarde te geven kan je de randen tussen de frames niet meer veranderen. Standaard kan je die frames wel resizen. scrolling="..." Mogelijke waarden: longdesc= " " "yes" = schuifbalken altijd weergegeven "no"= geen schuifbalken "auto" = browser kiest URL waar een samenvatting staat van de inhoud van de frames (voor browsers die geen frames ondersteunen) Frames & Hyperlinks Tot nu toe heb je enkel nog maar hyperlinks gebruikt in combinatie met een gewoon xhtml document. Met frames kan je veel leukere dingen doen. Een hyperlink wordt standaard geopend in het frame waarin de hyperlink staat. Dit kan je veranderen door het target attribuut bij je link te geven. De waarde van target= kan de naam zijn van een frame. Herinner dat de naam van een fram e door nam e= wordt bepaald.

4 <a src= http: / / target= rechterbovenkant > Google</a> Je hebt ook voorgedefinieerde nam en om pagina s te openen: _blank _parent _top _self Nieuwe venster De parent van de pagina wordt vervangen door de pagina waar de link naar verwijst. In het geval van een frame is dit de frameset waar het deel van uitmaakt. Het huidige window wordt compleet vervangen door de pagina waar de link naar verwijst. Wanneer je geen framesets nest, bekomen parent en top hetzelfde resultaat. De pagina waar de link naar verwijst laadt op dezelfde plaats als waar de link staat. De voorgedefineerde namen zijn gemakkelijk wanneer je geen complexe structuren inéén knutselt. Doe je dit wel, dan schakel je beter over op een eigen benoemingssysteem, dit zal het je gemakkelijker maken om de bomen door het bos te blijven zien. <noframes> Dit stukje zou eigenlijk tot de geschiedenis moeten behoren, maar er zijn nog altijd armere landen en zonderlingen in de Westerse wereld die surfen met heel oude browsers die nog geen frames ondersteunen. Om hen er van te verwittigen dat hun browser de pagina niet kan lezen is er <noframes>. <html> <head> <title> </title> </head> <frameset cols="100,*"> <frame src="a.htm / > <frame src ="B.htm / > <noframes> <body> Uw browser ondersteunt geen frames, bekijk daarom de versie zonder

5 </body> </noframes > </frameset > </html> <a href="frame.htm">versie zonder frames</a>

6 This document was created with Win2PDF available at The unregistered version of Win2PDF is for evaluation or non-commercial use only.

Vergelijkbare documenten

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd:

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd: FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We