Tripod-HTML-Kurs (1): Einführung
- Aufbau
- Text (1)
- Text (2)
- Bilder
- Links
- Listen
- Tabellen
- Frames (1)
- Frames (2)
- Weiter?!
- Test
Tripod-HTML-Kurs (2)
Tripod-HTML-Kurs (1): Frames (1)
Mit Hilfe von Frames können Sie das Browser-Fenster in mehrere voneinander
unabhängige Fenster aufteilen.
In jedem Frame kann eine eigene HTML-Seite geladen werden, man kann also gleichzeitig
verschiedene Webinhalte betrachten.
Sie können z.B. eine Navigationsleiste
in ein Frame stellen und den jeweiligen Inhalt in einen zweiten Frame.
Frames eignen sich besonders dann, wenn Inhalt in einem Frame permanent zu sehen
sein soll, während der Inhalt in anderen Frames sich ändern soll.
Sie können ein Browserfenster in beliebig viele Frames aufteilen, bei einer
Aufteilung in viele Frames wird eine Seite jedoch schnell unübersichtlich.
Beispiel für eine Seite mit Frames: http://www.pc-magazin.de
Erinneren Sie sich an den grundsätzlichen Aufbau einer
Homepage?
Wenn Sie Frames einsetzen möchten, dann muß dieser Aufbau etwas modifiziert
werden:
<HTML>
<HEAD>
<TITLE>Jetzt mit Frames!</TITLE>
</HEAD>
<FRAMESET>
Framedefinitionen
<NOFRAME>
Kennt der benutzte Browser keine Frames,
dann wird dieser Inhalt angezeigt.
</NOFRAME>
</FRAMESET>
</HTML>
Der Ihnen schon bekannte BODY wird ersetzt durch den FRAMESET-Teil.
Im NOFRAME-Bereich steht alternativer Inhalt, falls der verwendete Browser
keine Frames interpretieren kann.
Innerhalb des Frameset-Bereiches definieren Sie, wie das Browserfenster aufgeteilt
werden soll. Das geschieht durch die Festlegung von Spalten und Zeilen, wie Sie
es schon vom Aufbau einer Tabelle kennen.
Der eigentliche Inhalt eines Framefensters steht in separaten Dateien.
Am besten zeichnen Sie sich einfach auf, wie das Browserfenster in Spalten und Zeilen aufgeteilt werden soll,
dann haben Sie einen Überblick für die Programmierung.
Aufteilung in Reihen
<FRAMESET rows="30%,70%">
<frame name="oben" src="./test1.html">
<frame name="unten" src="./test2.html">
</FRAMESET>
Mit dieser Definition wird das Browserfenster in 2 Reihen eingeteilt, das erste Fenster
nimmt dabei 30%, das zweite 70% der Höhe ein.
Im
<FRAME>-Tag
wird mit dem Attribut
src
von "source", d.h. Quelle bestimmt, welche
HTML-Datei in diesem Frame dargestellt werden soll. Erstellen Sie sich zum Testen der Frames
ein paar Test-Dateien (HEAD, BODY, ganz "normale" HTML-Dateien, wie Sie es bisher im Kurs gelernt haben).
Das Attribut
Das
name-Attribut ist nötig, wenn Sie die Frames untereinander verlinken wollen.
Im nächsten Kapitel erfahren Sie im Beispiel für die Homepage mehr darüber.
Wollen Sie das Fenster in 3 Reihen einteilen, sieht der Befehl dazu
folgendermaßen aus:
<FRAMESET rows="20%,30%,50%">
Möglich ist auch:
<FRAMESET rows="20%,30%,*">
Der * beansprucht dabei einfach den restlichen Platz. Mehr Frames
definieren Sie einfach entsprechend durch die weitere Angabe von %-Zahlen.
Sie können die Framegrößen auch mit Pixelgrößen
angeben (ohne %-Angaben), da Sie aber nicht wissen mit welcher Auflösung
andere Anwender Ihre Seiten betrachten, ist es besser die Framegrößen
mittels der %-Angaben zu gestalten.
Für jeden definierten Frame ist ein FRAME-Tag nötig, damit der Browser
weiß, welche Datei in welchen Frame geladen werden soll.
Aufteilung in Spalten
<FRAMESET cols="80%,20%">
Framedefinitionen
</FRAMESET>
Mit dieser Definition wird das Browserfenster in 2 Spalten eingeteilt.
Das erste Fenster nimmt dabei 30%, das zweite 70% der Breite ein.