Werken met frames
Een frame verdeeld je pagina in 2 (of meerdere gedeelten) Net zoals deze site uit twee delen bestaat. Het bovenste gedeelte (de header) en het onderste gedeelte. Op deze manier kun je een flexibele site maken waarin bepaalde onderdelen altijd in zicht blijven.

Met frames werken bied voordelen maar ook nadelen. De navigatiestructuur van een site word een stuk overzichtelijker als je het menu in een vast frame plaatst, je logo blijft op 1 plaats staan of je kunt het gebruiken voor advertentieruimte.

Het nadeel ervan is dat als de bezoeker via een losse pagina je site binnenkomt, deze grote gedeeltes mist van je site. dit kun je voorkomen door op iedere pagina dit script te plaatsen:

<script>
if (parent.frames.length==0)
//Verander "index.htm" in de URL van je "basispagina"
window.location.replace("index.htm")
</script>

dan word de bezoeker automatisch doorverwezen naar de site met frameset.

Een frameset is in principe maar een klein bestand, dat bestaat uit een paginatitel met verwijzingen naar de bronbestanden van de frames en informatie over de grootte, de naam en bladermogelijkheden.

De frameset van deze site, ziet er als volgt uit:

<HTML>
<HEAD>
<TITLE>Anouks Web</TITLE>
<NOFRAMES>Welkom op Anouks Web, hier vind je alles om je op gang te helpen met je eigen website,deze site werkt met frames, ondersteund je browser deze niet? Dan kun je het beste een nieuwere versie downloaden van <A HREF="www.microsoft.com">Internet Explorer</A> Mijn excuses voor het eventuele ongemak!</NOFRAMES>

<FRAMESET BORDER=0 FRAMESPACING=0 FRAMEBORDER=0 ROWS="150,*">
<FRAME NAME="kop" SRC="kop.html" SCROLLING=NO MARGINWIDTH="2" MARGINHEIGHT="1" FRAMEBORDER=NO BORDER="0" NORESIZE>
<FRAME NAME="body" SRC="begin.htm" SCROLLING=AUTO MARGINWIDTH=2 MARGINHEIGHT=2>
</FRAMESET>
</HEAD>
</HTML>

Wat kun je hieruit ophalen?

  • Frameborder - Je kunt wel of geen rand instellen voor je frames
  • Height -  Hier stel je de hoogte in voor horizontale frames (als een percentage of in pixels)
  • Width -  Hier kun je de breedte van verticale frames instellen (als een percentage of in pixels)
  • Marginwidth - Hiermee bepaal je de afstand tussen de linker- en rechterzijde van een frame en de inhoud ervan.
  • Marginheight - Hiermee bepaal je de afstand tussen de boven- en onderkant van een frame en de inhoud ervan.
  • Scrolling -  Hier kun je instellen of er schuifbalken zichtbaar mogen zijn. Je hebt de keuze tussen NO, YES en AUTO.
  • NoResize - Hier kun je instellen dat gebruikers de grootte van bepaalde venster niet mogen wijzigen.

    • Waarom gebruik ik de <noframes> tags?

    Dit is een frame waarschuwing. Sommige oudere browsers kunnen geen frames weergeven. Tekst die tussen de tags <noframes> en </noframes> staat word ook alleen weergegeven bij oudere browsers, hier kun je een korte beschrijving van je site weergeven en eventueel een waarschuwing dat je site uit frames bestaat.