Startseite  >>>  10 Schritte zum Bau der eigenen Homepage  >>> 7. Schritt
 
7. Schritt: Das Erstellen von Rahmen (Frames)
(Grundlagen einer optimierten Navigation)
 
 
Wenn Sie ihre Seite mit Rahmen versehen, erscheinen mehrere Fenster. Im linken (schmalen) Fenster befinden sich in der Regel Verknüpfungen (Links), die im rechten Fenster Seiten oder Grafiken laden können, ohne dass das linke Fenster verschwindet. Studieren Sie als Beispiel meine Experimentierseite.
 
a) Das Festlegen der Rahmengröße

Für das Erstellen von Rahmen wählen Sie eine leere, neue Seite im Composer. Öffnen Sie die Seite nach dem Abspeichern (Name z. B.: "SeiteFrame.htm") im externen Windowseditor (-->Einrichten eines externen Editors) mit den Befehlen "Bearbeiten" und "HTML-Quelle". Fügen Sie folgenden Code vor dem beendenden </HEAD>-Tag ein:
 
<FRAMESET BORDER=3 COLS=10%,90%>
<FRAME SRC="Seitelinks.htm" NAME="LINKS">
<FRAME SRC="Seiterechts.htm" NAME="RECHTS">
</Frameset>
 
Der Tag, welcher einen Rahmen definiert, lautet:
 
<FRAMESET COLS=hier das prozentuale Größenverhältnis der anzuzeigenden Rahmen eingeben>
 
Die Tags, welche die anzuzeigenden Seiten ansprechen, lauten:
 
<FRAME SRC="Seitelinks.htm">
<FRAME SRC="Seiterechts.htm">
usw.

"COLS" unterteilt die Seite in mehrere, vertikal abgegrenzte Rahmen. Zur horizontalen Unterteilung verwenden Sie stattdessen die Marke "ROWS". Die Marke "NAME" ist notwendig, damit angelegte Links die verschiedenen Rahmen erkennen können. Mit dem Zahlenwert BORDER können Sie die Breite der dazwischenliegenden Leisten definieren.
 
Nun müssen Sie im selben Ordner zwei Seiten abspeichern ("Seitelinks.htm" und "Seiterechts.htm"), die in den beiden Rahmen angezeigt werden sollen. Wenn Sie nun die Seite "SeiteFrame.htm" öffnen, erscheinen zwei Rahmen mit den entsprechenden Seiten, wobei die Datei "SeiteFrame.htm" nicht sichtbar ist. Für die Darstellung von zwei Rahmen sind also drei Dateien notwendig!

Wollen Sie einen T-förmigen Rahmen mit drei Fenstern erstellen, müssen Sie innerhalb eines Frame-Tags einen weiteren Frame-Tag eröffnen, damit ein Rahmen nochmals unterteilt wird:
 
<FRAMESET ROWS=10%,90%>
<FRAME SRC="Seiteoben.htm" NAME="OBEN">
<FRAMESET COLS=20%,80%>
<FRAME SRC="Seitelinks.htm" NAME="LINKS">
<FRAME SRC="Seiterechts.htm" NAME="RECHTS">
</FRAMESET>
</FRAMESET>
 
Wenn Sie die Datei "Seiteoben.htm" abgespeichert haben, erhalten Sie als Ergebnis ein Bild, wie ich es in der Mineraliengalerie verwendet habe.
 
 
b) Das Ansprechen von Rahmen
 
Damit Links, die in einem Rahmen stehen, einen anderen Rahmen ansprechen können, ist es notwendig, für die Rahmen einen Namen zu vergeben (siehe oben, grüne Markierung). Wenn Sie zum Beispiel im linken Rahmen ("Seitelinks.htm")  Verknüpfungen (Links) anlegen, die den rechten Rahmen bedienen sollen, dann erfolgt das Ansprechen des Rahmens mit dem Befehl "TARGET"; Beispiel:
 
<A HREF="NeueSeite.htm" TARGET="RECHTS">NeueSeite</A>
 
Dieser Link öffnet im rechten Rahmen die "NeueSeite.htm".
 
Soll die mit dem Link verbundene Seite im selben Fenster erscheinen, dann versehen Sie den Link mit dem Attribut TARGET="_self".
 
Wollen Sie aus dem linken Rahmen z. B. sämtliche Links auf den rechten Rahmen beziehen, dann können Sie in den HEAD der "Seitelinks.htm" folgenden Tag einfügen:
 
<BASE TARGET="RECHTS">
 
Nun benötigen Sie für Links keine TARGET-Befehle mehr, denn die Links beziehen sich automatisch auf den rechten Rahmen.
 
Für das Attribut TARGET können verschiedene Werte definiert werden:
 

<BASE TARGET="TOP">
Lädt die Seite auf die oberste Rahmenebene
<BASE TARGET="BLANK">
Zeigt die nächste Seite in einem neuen Browserfenster
<BASE TARGET="SELF">
Lädt die nächste Seite im selben Rahmen
 
Alte Browser (vor Herbst 1995) unterstützen Rahmen nicht, deshalb sollte für alle Webseiten mit Rahmen eine Alternativversion ohne Rahmen angeboten werden. Ich empfehle, die Startseite nicht mit Rahmen zu versehen, auch wenn dies bei vielen kommerziellen Anbietern der Fall ist. Für Browser, die keine Frames darstellen können, existiert ein Tag, welcher eine Meldung beim Anwählen des Frame anzeigt:
 
<NOFRAMES>Hier steht der Text, z.B. "Ihr Browser ist nicht für Frames konzipiert"</NOFRAMES>
 
 
Copyright: T. Seilnacht
 www.seilnacht.com