MENU

Home Ontwerp je site HTML Tags 001 - FRAME

Tags 001 - FRAME

Er bestaan 89 tags in HTML 4.01 om pagina's in op te maken. We zullen de belangrijkste hier bespreken, met hun belangrijkste attributen.

De eerste tags die we bekijken zijn de <frame> en <frameset> tags.

Waarvoor dient de Frame tag ?

Je kan een pagina opdelen in verschillende zones, die frames worden genoemd. In elke frame kan je dan een aparte HTML-pagina steken. Zo kan je bijvoorbeeld sommige delen van je website altijd aanwezig houden,terwijl slechts in één frame het eigenlijke surfen gebeurt.

Frameset

De lay-out van de verschillende <frame>'s wordt gedefinieerd in de frameset, een aparte pagina die enkel dient om de framestructuur te definiëren.

Stel je wil bv. bovenaan je pagina over de hele breedte een navigatiebalk, en daaronder 3 velden : een smalle balk links voor extra navigatie, een breed surfveld in het midden en een dunne balk rechts om reklame in te plaatsen.

Je hebt dan dus 5 HTML-pagina's nodig, nl. de aparte pagina waarin de frames worden gedefinieerd (de frameset), en de 4 HTML-pagina's van de 4 frames.

Je frameset-pagina kan er dan als volgt uitzien :

<html>
<frameset rows="20%, 80%">
  <frame src ="navigatie.htm" >
    <frameset cols="20%, 60%,20%">
      <frame src ="links.htm">
      <frame src ="midden.htm">
      <frame src ="rechts.htm">
    </frameset>
  </frameset>
</html>

Een frameset splitst het browservenster in frames. Er worden dus geen teksten of afbeeldingen in het frameset-document opgemaakt, en de <BODY> en <HEAD> tag zijn dus niet nodig. Elk frame roept een HTML-pagina op.


Rijen en kolommen

In ons voorbeeld definieren we dus eerst 2 rijen, de eerste mag in de hoogte 20 procent van het browservenster vullen, en de tweede 80%. Dan beginnen we de rijen te vullen. De eerste rij is gewoon de bovenste navigatiebalk : navigatie.htm. Dan is het aan de tweede rij, maar omdat we in de tweede rij 3 subkolommen willen hebben definiëren we daar een nieuwe frameset van 3 subkolommen van 20, 60 en weer 20% van de breedte. Let erop dat je deze sub- ook weer afsluit met een </frameset> wanneer alle sub- zijn gedefinieerd.

Je merkt dus dat als je meerdere rijen definieert, je voor elke rij de hoogte moet instellen, en bij het definiëren van kolommen stel je dan weer de breedte in.

Als je in een frame subkolommen of subrijen wil aanmaken, moet je dus in je frameset op het moment dat je normaal gezien dat frame definieert een nieuwe beginnen. Op deze simpele manier kan je hele complexe framesets maken.


Framename

Je kan elk afzonderlijk <frame> ook nog een naam geven , zodat je later in een bepaald frame dingen kunt laten gebeuren. In ons voorbeeld zou dat dan als volgt gaan :

<html>
<frameset rows="20%, 80%">
  <frame name="navigatie" src ="navigatie.htm" >
    <frameset cols="20%, 60%,20%">
      <frame name="links" src ="links.htm">
      <frame name="main" src ="site.htm"> 
      <frame name="rechts" src ="rechts.htm">
    </frameset>
</frameset>
</html>

Nu kan je bijvoorbeeld in je navigatiebalk linksonder een link maken die in de bovenste balk een andere pagina ( dezelfde navigatiebalk maar met andere kleuren bv.) opent, terwijl de pagina in de kolom zelf gewoon blijft staan. Je kan dankzij hun verschillende namen de frames dus afzonderlijk targetten.
2 + 2 =
 

GOOGLE adsense

NIEUW OP HET FORUM

Meer...