Funktion und Zweck
|
|
|
Frames (englisch Rahmen oder Fenster) sind eine neue Art der Gestaltung
von Internetseiten. Eine Internetseite wird in mehrere HTML-Dateien geteilt, die
nebeneinander auf dem Bildschirm erscheinen und durch Rahmen getrennt
sind.
Mit Hilfe von Frames kann man den Bildschirm (Anzeigebereich des Browsers) in verschiedene, frei definierbare Fenster (Frames) aufteilen. Jedes Fenster kann eigene Inhalte enthalten. Die einzelnen Anzeigesegmente (also die Frames) können wahlweise einen statischen Inhalt (= "non scrolling regions") oder einen wechselnden Inhalt haben. Verweise in einem Frame können Dateien aufrufen, die dann in einem anderen Frame angezeigt werden.
Frames sind kein weiteres Element, um typische Aufgaben der Textverarbeitung zu bewältigen, sondern eröffnen völlig neue Möglichkeiten, um Information hypertextuell (nicht-linear) aufzubereiten.
Web-Publishing benutzt auch die Frames-Technik.
Ihr Bildschirm wurde in vier Fenster aufgeteilt. Im linken oberen Fenster sehen
Sie mein Logo, im rechten oberen Fenster den Titel, links unten die
Navigationsleiste und rechts unten kommen die eigentlichen Inhalte. Dieser
Bereich nimmt den Großteil des Bildschirmes ein. Diese Verweise haben die Funktion einer Inhaltsübersicht im Buch, sie geben
Ihnen den Titel der wichtigsten Teile dieses Angebots an. Dieses Fenster bleibt
immer (Ausnahme bei "Seite drucken") bestehen, so dass Sie bequem
zwischen den Teilen navigieren können. Die Inhalte dieses Fensters befinden
sich in der Datei "navigation.htm". Im rechten Fenster unten wechseln
die Inhalte. Jedes Mal wenn die Inhalte wechseln, wird eine andere Datei in
dieses Fenster eingefügt. In der Standardeinstellung wird die Datei "start.htm"
eingefügt, auf dieser Datei steht der Begrüßungstext.
|
|
Frames definieren
|
|
|
Der Befehl frameset wird nach dem head Befehl
eingefügt, er bewirkt eine Teilung des Bildschirms. Das Attribut rows
(rows = Reihen) erzeugt eine horizontale (wenn die Frames übereinander liegen
sollen), das Attribut cols (cols = columns = Spalten)
eine vertikale Teilung (wenn die Frames nebeneinander sein sollen) des
Bildschirms. Außerdem legen Sie dahinter die Breite bzw. Höhe der Frames fest:
Und zwar in Pixeln, Prozent des Fensters (Zahl + %) oder, wenn Sie für alle anderen Frames bereits eine Größe festgelegt haben, zufällig mit * (der Rest des Fensters wird für dieses Frame verwendet). Die Angaben werden mit Kommas getrennt. Wenn Sie mehr als zwei Frames in einem
Frameset definieren wollen, setzen Sie dahinter weitere Größen durch Kommas getrennt.
Mit dem Befehl frame geben Sie an, welche
Datei in ein Fenster eingefügt wird. Im Attribut src
geben Sie in Anführungszeichen den Dateinamen der Datei an, die in diesem Frame beim ersten Laden der Seite erscheinen soll. Dafür gelten dieselben Regeln, wie beim Definieren von Verweisen.
Hinter name= geben Sie in Anführungszeichen den Namen des Frames an. _self,
_new, _parent, _blank und
_top sind in HTML bereits definierte Frame-Namen,
daher dürfen Sie keine Frames so benennen. Frame-Namen sind wichtig, wenn Sie mit einem Verweis in einem Frame den Inhalt eines anderen ändern möchten.
Jeder Frame-Name darf nur einmal pro Frameset vorkommen.
Mit dem Attribut noresize verhindern Sie, dass
der Nutzer die Größe der Framefenster verändern kann,
scrolling="no" verhindert einen Scrollbalken, dies darf neben der
Start-Datei nicht stehen, sonst kann der Nutzer nicht in den Seiten blättern.
Dieses Attribut sollte nur bei der Navigation- und Logo-Datei stehen.
|
|
|
Sicht des Autors -
HTML-Code
|
|
<html><head><title>Frameset</title></head>
<frameset rows="140,*" border="5" framespacing="5"
frameborder="YES" bordercolor="#FF0000">
<frame src="logo.htm" noresize name="oben">
<frame src="start.htm" name="unten" noresize>
</frameset>
<noframes><body>
Text für Suchmaschinen und für Text-Browser.
</body>
</noframes></html>
Dies ist nur der Quellcode der Frames-Datei, die Dateien logo.htm
und start.htm müssen
extra erstellt werden.
|
|
//-->
|
Sicht des Autors -
HTML-Code
|
|
<html><head><title>Frameset</title></head>
<frameset rows="100,*" border="5" framespacing="5"
frameborder="YES" frameborder="Yes"
bordercolor="#FF0000">
<frame src="logo.htm" noresize name="oben">
<frameset cols="27%,*">
<frame src="navigation.htm" name="links" scrolling="no">
<frame src="start.htm" name="rechts" noresize>
</frameset></frameset><noframes><body>
Text für Suchmaschinen und für Text-Browser.
</body></noframes></html>
Quellcode der Frames-Datei: Die Dateien logo.htm,
navigation.htm und start.htm
müssen extra erstellt werden.
|
|
Verweise im Frameset
|
|
|
Mit dem Attribut "target" (Ziel) im einleitenden Verweis-Tag und einem reservierten Fensternamen (z.B.
name="oben") können Sie Ihr Frame-Set bei Aufruf des Verweises beenden. Folgende Angaben sind möglich:
-
<a href="http://www.johann-lauer.de/lauer/" target="_blank">HP Lauer</a>
-
<a href="http://www.johann-lauer.de/lauer/" target="_top"> HP Lauer
</a>
- target="_blank" bewirkt, dass das Verweisziel in einem neuen Fenster des Browsers angezeigt wird. Das Fenster mit ursprünglichen Frame-Set bleibt im Hintergrund erhalten. Der Anwender kann wieder zu diesem Fenster wechseln, wenn er möchte.
- target="_top" bewirkt, dass das Verweisziel im gesamten Anzeigefenster angezeigt wird.
- target="_parent" führt dazu, dass das Verweisziel im Anzeigefenster angezeigt wird, der vor dem Start Ihres Frame-Sets aktuell war.
- target="_self" führt dazu, dass das Ziel im selben Fenster geöffnet
wird.
|
|
Aufgaben
|
|
- Erstellen Sie im Unterverzeichnis "test"
die Datei "index.htm". Dies
sollte die Frames-Datei sein, die den Bildschirm in mehrere
Fenster aufteilt. Dabei sollten Sie links ein
Navigationsfenster, oben ein Fenster mit dem Logo und rechts das
Hauptfenster haben (genau wie diese Seite aufgeteilt ist).
- In dem linken Fenster sollten in der Datei "navigation.htm"
Links auf alle bisher erstellten Seiten stehen.
-
Die Dateien sollten sich im rechten Fenster öffnen, wo die
schon erstellte Datei "start.htm"
standardmäßig steht.
- Erstellen Sie eine Datei "logo.htm",
diese sollte im oberen Fenster erscheinen.
|
|
|
Meta-Befehle
© Copyright by Johann-Lauer.de