Frames - Layout

Voor het maken van de eenvoudigste frame indeling (in twee stukken, zoals deze pagina) heb je drie bestanden nodig. Het bestand waar de link heen staat bevat de layout-informatie over de frames. In dit geval was de link naar het bestand frames.html, en die ziet er zo uit: 

  <html>

  <head><title>MichielB's HTML Hoekje</title></head>

  <frameset rows=60%,40%>

    <frame src="frame_boven.html">

    <frame src="frame_onder.html">

  </frameset>
Er is hier dus 1 frameset. Die bestaat uit twee rows, waarvan eentje 60% van het window inneemt, en de andere 40%. In die frameset staan twee html files, genaamd frame_boven.html en frame_onder.html

Die HTML bestanden bevatten de nodige <body> elementen.

Layout-definities

De frameset kan je op de volgende manieren definieren:
  • <frameset rows=n1,n2>. Hierbij kunnen n1 en n2 een percentage zijn, zoals hierboven, of een absoluut getal in pixels, of een '*' teken, met de betekenis `de rest'. Voorbeelden van frameset definities:
  • <frameset rows=50,150,*>
  • <frameset rows=100,*,20%>
  • <frameset rows=30%,70%>
  • Je kan ook vertikale indelingen maken: <frameset cols=n1,n2>, met n1 en n2 op dezelfde manier als boven. Let op: cols en niet columns ofzo.

    • Het <body> tag

    Het leuke van de frames-definitie is dat frames-compatible browsers het <frameset> gaan inlezen, en de <body> volkomen negeren. Browsers die echter geen frames snappen negeren het <frameset> en gaan alleen maar naar de <body> kijken.

    Dit is dus de mogelijkheid om een mededeling te doen naar de mensen die geen frames-compatible browser (Netscape 2.0 bijvoorbeeld) hebben. In werkelijkheid gaan mijn frames.html bestand dan ook verder met 

    
  <body>

  <h2>Frames</h2>



  Je gebruikt zeker geen Netscape 2.0! Tja dan werkt het niet.



  </body>
    En dit is dus het enige wat mensen zien die niet Netscape 2.0 hebben. Dit is dus een voorbeeld; normaal gesproken maak ik een link naar de aangepaste versie van de pagina's, zoals ik doe op de EK'96 en Trainers-Caroussel.