Frames

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:106.175Reacties: 147(Bekijken)
  Log in om zelf te reageren
 Waardering:7.5/10 (13 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




Veel website bevatten frames. Je hebt er ongetwijfeld zelf gebruik van gemaakt, maar waarschijnlijk wist je toen nog niet dat het frames waren. Daarom leggen we hier eerst maar even uit wat frames zijn en...dat is best lastig.

Stel je voor: je hebt een pagina, met links een soort menu. Dit menu bestaat bijvoorbeeld uit home, wie ben ik, links, e-mail me, enzovoorts. Als de browser de pagina opent, begin je in het rechtervlak in home. Klik je vervolgens op wie ben ik, dan verschijnt rechts een pagina met info over de maker, en links blijft de inhoud staan. Even een voorbeeld om dat te verduidelijken:

home

wie ben ik

links

e-mail

Welkom op mijn website. Je vindt hier onder andere informatie over mijzelf, links, andere onzin etc....

Je bevindt je nu op de pagina genaamd home

Zo, dat is dus 'home'. Als de bezoeker nu op 'wie ben ik' zou klikken, ziet hij het volgende:

home

wie ben ik

links

e-mail

Wie ben ik? Ik ben de maker van deze website, maar dat wist je al. Mijn hobby's zijn:......enzovoorts

Je bevindt je nu op de pagina genaamd wie ben ik

Wat gebeurt er dus? De linkerkant blijft hetzelfde, de rechterkant veranderd door in het linkervlak op een hyperlink te klikken. Volg je het nog? Vast wel. Je ziet dat het gebruik van frames erg veel tijd kan sparen: ten eerste hoef je de inhoudsopgave maar een keer maken, maar belangrijker is misschien wel dat de bezoeker deze maar een keer in z'n browser hoeft te laden. Dat gaat dus weer sneller!

De pagina hierboven bestaat uit 3 verschillende pagina's:

  1. De eerste is de framepagina, in dit geval index.htm. Deze deelt het blad op in 2 stukken.
  2. De tweede is de pagina met daarop de inhoud, hier is dat inhoud.htm.
  3. Als laatste is er nog home.htm. Er zijn er nog meer, die worden allemaal in het rechtervenster geopend.

In plaats van home.htm kun je natuurlijk ook een bestaande pagina gebruiken. De inhoud.htm kun zelf vast wel maken, zoniet, volg deze cursus dan even opnieuw. Het gaat ons nu even om index.htm, de pagina die het venster in twee├źn deelt en zo van 2 verschillende pagina's 1 pagina maakt. Split-screen, om het zo maar even te noemen.

We hebben hier te maken met een merkwaardig html-bestand. Ten eerste is er geen echte body. De pagina zelf laat niets zien, dus dat is ook niet nodig. Wel heeft hij een frameset. dat ziet er zo uit:

<html>
<head>
inhoud van je head, zoals titel en metatags
</head>

<frameset cols="35%,65%">
<frame src="inhoud.htm">
<frame src="home.htm">
</frameset>
</html>

Wat gebeurt er hierboven nou precies? Met frameset zeg je de browser dat er een framepagina aankomt. Vervolgens geef je op dat hij met kolommen(cols) te maken heeft. Je ziet staan: 35%,65%. Dit wil zeggen dat het linkerframe 35% van het venster vult, en het rechterframe krijgt 65%. Totaal is dat....inderdaad: 100%, dus het hele venster. De browser ziet dat jij maar 2 afmetingen hebt opgegeven, hieruit leidt hij af dat er maar 2 kolommen(pagina's) zijn in het frameset, en dat klopt. Daarnaast zie je 2 keer <frame src="paginanaam.htm"> staan. Deze tags vertellen de browser welke site er in de frames moeten komen. Behalve dat je de grootte in procenten op kunt geven, is het ook mogelijk om dat in pixels te doen. Je zet dan gewoon de grootte neer zonder het %-teken.

Wil je dat de kolommen gelijk over de pagina verdeelt worden, maak dan gebruik van het *-teken. Dat ziet er dan zo uit:

<frameset cols="*,*">
rest van je frame
</frameset>

In plaats van twee sterretjes, kun je ook de breedte van de ene pagina wel opgeven en de ander niet. Dan krijgt de ene pagina dat gedeelte wat je hem toezegt, terwijl de ander de overige ruimte krijgt.

Hierboven gebruikten we een voorbeeld met kolommen. De pagina werd hier horizontaal gesplitst. Als je wil kun je de splitsing ook verticaal maken. Je maakt dan geen gebruik van cols maar van rows. Verder is alles gelijk.

Het is niet alleen mogelijk om framepagina's bestaande uit twee frames te maken, je kunt er zo veel je wilt opgeven. Dat doe je door in plaats van 2 grootten in je frameset aan te geven, er bijvoorbeeld drie aan te geven. Ook is het goed mogelijk om kolommen( cols) en rijen( rows) te combineren. Dat kan er zo uit komen te zien:

Inhoud Bovenkant
Home

Dat doe je met deze html-code:

<frameset cols="20%,80%">
je geeft aan dat het eerste frameset uit twee delen bestaat, een van 20%(links) en een van 80%(rechts)
<frame src="inhoud.htm">
de naam van de pagina in het linkervenster
<frameset rows="20%,80%">
het rechtervenster bestaat uit twee rijen, een van 20%(boven) en een van 80%(onder)
<frame src="kop.htm">
<frame src="home.htm">
de namen van de twee pagina's die in het rechtervenster worden geopend
</frameset>
</frameset>
omdat je twee framesets opent, sluit je er ook twee af!

«Tabellen Meer informatie over frames »

147 reacties
FATHI Geplaatst op 28-07-2013 om 19:06
 

Regular
Hallo! ik weet nu hoe ik frames kan maken, maar hoe zorg ik ervoor dat als ik op een link klik mijn andere pagina zich in het scherm ernaast opent?
Suicide Geplaatst op 31-03-2012 om 22:38
 

Regular
laat maar ik heb het al maar als ik op een link in het linker venster klik die ik heb gemaakt kom ik wel op de website maar niet in het rechter venster maar in het linker venster...plz een mailtje wat doe ik fout? jesse.w@live.nl
Suicide Geplaatst op 30-03-2012 om 23:26
 

Regular
ik snap helemaal niks van frames want als ik dat html bestand in editpad paste en ik open het in mijn browser zie ik niets anders dan wat ik bij head gedaan heb. nergens iets te bekennen van frames... kan iemand me een mailtje sturen voor hulp: jesse.w@live.nl
lodewijk6 Geplaatst op 12-10-2011 om 19:36
 

Regular
ik snap alles, maar kan je in plaats van hyperlinks ook gewoon tekst in een frame zetten door <frame src=...... niet in te vullen?
babsonterr Geplaatst op 04-11-2010 om 12:24
 

Regular
@ Michel Ossewaarde.
Als je de Frames pagina aangemaakt hebt. verwijst de linker (de smalle) frame naar inhouds.htm(l) pagina moet je in de inhouds pagina je hyperlinks maken.
Je laad als het ware een andere pagina in je frame.
Als je problemen hebt met je hyperlinks te openen in de grote frame staat er hier tussen de comments een mooie uitleg over.

Pagina 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder