FramesLes 3Frames
FRAMES(les3)
Deze les gaat over frames, dan heb je niet meer 1 zo`n lange lap met tekst , links en plaatjes maar dan is het mooi geordend , dat is makkelijker bij een grote websites. zodat je vanuit de index , het linker frame , naar de onderwerpen kan gaan die dan in het middelste frame komen. Dit ziet er mooier uit , vind ik in ieder geval, en is sneller, hoef je namelijk niet telkens de zelfde links te maken , en sneller te laden, anders moet namelijk telkens een pagina worden geladen die veel groter is dan dat je maar 1 frame hoeft te laden! Hoe werken frames? Een frames-pagina bestaat uit meerdere pagina`s die allemaal een bepaald gedeelte zijn van de hele pagina. Je moet ze dus ook allemaal opslaan en uploaden. Dan heb je 1 pagina waarin staat dat hij bestaat uit meerdere pagina`s en hoe deze heten en waarin staat hoe groot ze allemaal zijn. Een frames-pagina begint altijd met <frameset en daarachter de grootte en het aantal frames, bijvoorbeeld : <frameset framespacing="0" border="0" rows="120,*" frameborder="0"> frameborder staat voor de ruimte tussen de frames, bij mij staat hij op 0 zodat je de randen niet ziet, als je die wel wilt zien moet je die dus minstens op 1 zetten en op een nog hoger getal als je dus dikke randen zou willen hebben. rows moet je instellen als je meerdere frames onder elkaar zou willen hebben de nummers staan dan dus voor de grootte van de frames, je kan ook een sterretje gebruiken en dan word er de rest gebruikt die nog over is. je kan ook het begrip cols gebruiken en zo dus hetzelfde te doen maar dan naast elkaar. Je kan ze ook met elkaar gebruiken en zo zelf wat leuks ontwerpen. In de frameset kan je ook nog aangeven of er mag worden gescrold of dat je dat uit wil zetten, scrolling="no". Dan kan je de bepaalde frames instellen door het volgende in jouw pagina te zetten , <frame name="inhoud" target="hoofd" src="links.htm" scrolling="no" noresize> hierna doe je dit hetzelfde met de andere frames. Als je dan alles hebt gemaakt dan moet je sluiten met </frames>. Verder moet je in de pagina natuurlijk ook gewoon de HTML, HEAD, TITEL en BODY niet vergeten , ook al zet je er niets in.
Uiteindelijk zal het er dan zo ongeveer uit kunnen zien :
<html>
<head>
<title>Welkom op powerweb</title>
</head>
<frameset border="0" rows="120,*" frameborder="0">
<frame name="vaandel" scrolling="no" noresize target="inhoud" src="boven.htm">
<frameset cols="170,*,170">
<frame name="inhoud" target="hoofd" src="links.htm" scrolling="no" noresize>
<frame name="hoofd" scrolling="auto" noresize src="rechts.htm" target="_self">
<frame name="rechts" src="banner.htm" scrolling="no" noresize>
</frameset>
<body></body>
</html>