Met frames kun je je site in delen verdelen met daarin andere pagina's. In je pagina worden dus andere pagina's "geladen". Met frames kun je je website dus verdelen in een header, menubars en de daadwerkelijke inhoud. Het is niet aan te raden meer dan 4 frames te gebruiken op een website.
Je hebt twee soorten frames namelijk:
- Gewone frames.
- Inline frames.
We beginnen met de gewone frames:
<html>
<head>
<title>Je eerste frame</title>
</head>
<frameset rows="120, 500">
<frame src="hoofd.html">
<frameset cols="20%, 80%">
<frame src="menu.html">
<frame src="main.html">
</frameset>
</frameset>
</html> |
Je krijgt nu vakjes met pagina niet gevonden. Je moet dus eerst de bestanden hoofd.html, menu.html en main.html maken. En deze zullen er in worden geladen.
Zoals je ziet gebruiken we geen body bij gewone frames. De body tags worden vervangen door <frameset>. Hiermee geef je aan dat je frames gaat gebruiken. De rows zijn de rijen en de cols de kolommen. Dus als je neer zet 120 en 500 bij rijen. Wordt de eerste rij 120 pixels hoog en de tweede 500. Met cols is het precies zo. Je mag het aangeven in pixels en in %.
verder zijn er nog een paar opties:
| <frameset rows="120, 500" frameborder=no> |
Je krijgt geen rand meer tussen je frames.
| <frame src="menu.html" scrolling=no marginwidth=1 marginheight=1 NORESIZE> |
scrolling=no/yes/auto
yes geeft altijd een scrollbar, no geeft nooit een scrollbar en auto geeft een scrollbar wanneer dit nodig is.
marginwidth en height is de afstand van de ingeladen pagina tot de rand van het frame.
NORESIZE zorgtervoor dat mensen het frame niet kunnen vervormen door met de muis te slepen. Altijd doen dus.
Het inline frame:
Bij een inline frame beslaat het frame niet de gehele pagina. Je moet daarom ook niet de body tags vervangen.
<html>
<head>
<title>Je eerste inline frame</title>
</head>
<body>
<font face=verdane color=black size=2>
Hier kan dus gewoon tekst. Maar ook onder het frame kan tekst en code. Iets wat bij een gewoon frame niet kan.
</font>
<frameset>
<iframe width=200 height=150 src="pagina.html" >
</frameset>
</body>
</html> |
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics