WERKEN MET FRAMESETS
Dit is een zeer eenvoudig frameset : links heb je de koppelingen, rechts
heb je het hoofdvenster.
De koppelingen openen allemaal in dit hoofdvenster.
Je hebt daarvoor in totaal 3 html-bestanden nodig : nl het overkoepelende
index.html
dat de instructies bevat voor
het openen van de twee sub-html-bestanden + deze bestanden zelf: nl.
menu.html
en main.html.
Inhoud van het overkoepelende index.html :
<HTML>
<HEAD>
</HEAD>
<FRAMESET COLS="15%,*">
<FRAME SRC="menu.html" NAME="MENU">
<FRAME SRC="main.html" NAME="MAIN"> ALS NAME
KAN JE BIJV OOK GARAGE OPGEVEN
</FRAMESET>
</HTML>
De linkerkant voor het menu bedraagt 15 % van de breedte van het scherm,
de asterisk duidt de rest aan die zich zal
aanpassen aan alle schermen, hoe groot ze ook zijn.
En het bevat de namen van de sub-bestanden : nl menu.html, dat je de
naam MENU geeft, en main.html, dat je de
naam MAIN geeft. Dit venster op zich valt niet te bekijken.
Het zijn menu.html en main.html die de zichtbare
componenten van de webpagina uitmaken.
Inhoud van menu.html
Menu.html is een gewoon html bestand dat links tegen de rand de opsomming
bevat van alle hoofdrubrieken, die op hun beurt allemaal koppelingen zijn
naar een andere pagina. Met dit verschil dat je in de <HEAD>-tag volgende
regel moet toevoegen (tenminste als je wil dat de nieuwe pagina's steeds
in het rechterframe geopend worden) :
<BASE TARGET="MAIN"> ALS JE main.html
DE NAAM DRAAGT VAN GARAGE, MOET HET ZIJN
<BASE TARGET="GARAGE">
De HTML-code van menu.html :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<meta name="Author" content="De Vos">
<meta name="GENERATOR" content="Mozilla/4.7 [nl] (Win98;
I) [Netscape]">
<title>menuu</title>
<BASE TARGET="MAIN">
</head>
<body text="#000000" bgcolor="#FFFFCC" link="#0000EE" vlink="#551A8B"
alink="#FF0000">
MENU
<tr>><td>
<p><a href="main.html">Eigen website</a>
<br><a href="main.html" target="MAIN"></a> </td>
</tr>
<tr><td>
<p><a href="farbe.html">Kleurcodes</a>
<br><a href="farbe.html" target="MAIN"></a> </td>
</tr>
</body>
</html>
Ziet er zo uit. Dit is dus het menu dat links
in je hoofdvenster zal verschijnen..
Inhoud van main.html
Dit is het document met de hoofdbeschrijving van je site (het rechterdeel dat zal verschijnen in het frame).
Dit is de htlm-code :
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<meta name="Author" content="De Vos">
<meta name="GENERATOR" content="Mozilla/4.7 [nl] (Win98;
I) [Netscape]">
<title>JE EIGEN EENVOUDIGE WEBSITE BIJ TELENET</title>
</head>
<body text="#FF0000" bgcolor="#000099" link="#FFFF00" vlink="#FFFFCC"
alink="#0000FF">
<br><a NAME="garage"></a><b><u><font color="#CCFFFF"><font
size=+3>EEN
WEBSITE MAKEN VOOR BEGINNERS</font></font></u></b>
<br>
<p><a href="http://users.pandora.be/ghislaine.de.vos1/website/trucs/trucs.html">hier
ga je</a>
<br>
<br>
<br>
<br>
<br>
</body>
</html>
Je zal zien dat de links hier openen in hetzelfde rechtervenster.
Het zijn dus deze 3 bestanden, die je homepage vormen en die je zal moeten uploaden naar de server van je provider.
Als je dubbelklikt op index.html, zullen menu.html en main.html tegelijkertijd
mee geopend worden, en het resultaat is
dit frame. Als je nu afwisselend "eigen
website" en op "kleurcodes" indrukt, zal je zien dat het rechterscherm
telkens verandert,
terwijl het linkerscherm met het menu steeds hetzelfde blijft, wat
handig is voor het navigeren op een website.Je moet
er echter ook voor zorgen dat de layout van de pagina's die in het
rechterdeel moeten verschijnen - dat smaller is
dan een volledige pagina - aangepast is aan die beperkte breedte, anders
worden de zinnen op een onoverzichtelijke
manier geschikt.