HTML4kidz - Kompendium, Seite Frames

weiter:	Formulare
zurück:	Farben
	Beispiel

Frames

Frames oder Teilfenster

Irgendwann so um 1995 kamen Anforderungen auf, Inhalte von Webseiten kombinieren zu können in einem Fenster. Eine Idee war schnell zur Hand, bis zur Lösung dauerte es noch ein Weilchen. Das Ding heisst heute "Frames" (Rahmen).
Das Fenster des Browsers wird aufgeteilt in einzelne Bereiche, die frameset heissen. Ein frameset wird wiederum selber in frames oder in weitere framesets aufgeteilt.
Jeder frame enthält, was sonst eine ganze Internetseite darstellt, beginnend mit <html> und endend mit</html>
frameset braucht als Abschluss ein /frameset-Tag.
Framesets können wie Schachteln betrachtet werden, die Schachteln und Dinge enthalten können. Frames sind dann die Dinge.

Der generelle Aufbau eines solchen Fensters sieht also folgendermassen aus :

<html>
<head>
<title>Framesets und Frames<</title>
</head>
<frameset .....> Äusserer Frameset
<frameset .....> Oberer innerer Frameset
<frame .....> Linker Frame im oberen Frameset
<frame .....> Rechter Frame im oberen Frameset
</frameset .....> Ende des oberen inneren Frameset
<frame .....> Unterer Frame im gesamten Frameset
</frameset .....> Ende des äusseren Frameset
</html>

Und so sieht die Anordnung aus :
img/xview.gif

img/xview.gif

Linker Frame im oberen Frameset	Rechter Frame im oberen Frameset
unterer Frame

Beachte, es gibt hier kein <body>-Tag.
Die Teile eines Framesets liegen entweder waagerecht nebeneiander, dann sind es COLUMNs (Spalten) , oder sie liegen senkrecht übereinander, dann sind es ROWs (Zeilen). Im frameset-Tag wird angegeben, wie sich das Frameset aufteilt, dazu gibt es die Parameter cols= und rows= . Des weiteren können die Frames eines Framesets einen Rahmen haben, dann wird angegeben frameborder=, und auch eine Rahmenfarbe, das heisst dann bordercolor=.

img/pfeil_up.gif

img/pfeil_do.gif

Beispiel für Frames

Gesamt-Seite mit Framesets und Frames: <html> <head> <title>Beispiel Framesets und Frames<</title> </head> <frameset frameborder=3 rows="30%,70%"> <frameset frameborder=3 cols="30%,70%"> <frame src=sample9a.html> <frame src=sample9b.html> </frameset> <frame src=sample9c.html> </frameset> </html>	Frameinhalt links oben: <html> <head> <title>Links oben</title> </head> <body> <h1>Frame links oben</h1> <br />Inhalt </body> </html>
	Frameinhalt rechts oben: <html> <head> <title>Rechts oben</title> </head> <body> <h1>Frame rechts oben</h1> <br />Inhalt </body> </html>
So siehts aus	Frameinhalt unten: <html> <head> <title>unten</title> </head> <body> <h1>Frame unten</h1> <br />Inhalt </body> </html>


	Beispiel
weiter:	Formulare
zurück:	Farben