Das Arbeiten mit Frames

Um bei einer größeren Website das Navigieren zu erleicherten, kann man mit Frames arbeiten. Dabei bleibt ein kleinerer Rahmen als Navigationsrahmen stehen, während im großen Rahmen der Inhalt sich jeweils ändert. Natürlich kann man auch mehrere Frames gleichzeitig verwenden oder - wie auf dieser Seite - den Inhalt des Navigationsframes der jeweilig geöffneten Seite anpassen.

Framemöglichkeiten
Allgemeines zur Arbeit mit Frames
Erstellen einer Frameseite
Beispiele

Insgesamt stehen Ihnen folgende Möglichkeiten zur Verfügung:

Banner und Inhaltsverzeichnis (Hyperlinks im Banner oben bewirken Änderungen im Inhaltsverzeichnis links) |
Fußnoten (Hyperlinks im oberen Textfeld bewirken Änderungen bei den Fußnoten unten) |
Horizontale Teilung (Zwei von einander unabhängige Frames) |
Inhaltsverzeichnis (Hyperlinks im Inhaltsframe links bewirken Änderungen im Textfeld rechts) |
Navigationsframe oben (Hyperlinks im Navigationsframe bewirken Änderungen im Textfeld darunter) |
Navigationsframe oben und unten mit Inhaltsverzeichnis (Hyperlinks in den beiden Navigationsframes bewirken Änderungen im Inhaltsverzeichnis) |
Navigationsframe unten (Hyperlinks im Navigationsframe bewirken Änderungen im Textfeld darüber) |
Top-Down-Hierarchie (Änderungen im allgemeineren oberen Frame bewirken Änderungen im spezifischeren mittleren Frame) |
Verschachtelte Hierarchie (Änderungen im allgemeineren linken Frame bewirken Änderungen im spezifischeren oberen Frame) |
Vertikale Teilung (Zwei von einander unabhägige Frames) |

Bei der Verwendung von Frames denken Sie bitte daran, dass durch jeden Frame der Text-/Bildteil Ihrer Seite entsprechend kleiner wird. Wenn Sie mit zwei Frames und einem Text-/Bildteil arbeiten, muss der Besucher aus den Frames ersehen können, welcher der übergeordnete und welcher der untergeordnete Frame ist. Sie können natürlich auch Frames zweckentfremden.
Wenn Sie die Option Banner und Inhaltsverzeichnis wählen, so können Sie im Banner einen Seitenkopf integrieren und die Navigation im Inhaltsverzeichnis unterbringen.

Sie sollten sich in jedem Falle bereits zu Beginn klar werden, ob Sie einen platzschluckenden Frame verwenden wollen und Ihren Text-/Bildteil dann entsprechend gestalten, damit der Besucher nicht auch noch immer von links nach rechts scrollen muss wie in diesem fingierten Beispiel:

Hier wurde einfach das letzte Kapitel in die Option Banner und Inhaltsverzeichnis gestellt. Im Banner wurde lediglich der Pfeil integriert und das Inhaltsverzeichnis leer gelassen. Sie sehen aber, dass der Besucher die rechte Textspalte nicht mehr voll auf seinem Bildschirm hat, also ständig scrollen muss.

Wenn Sie mit Frames arbeiten wollen, erstellen Sie zunächst die Text-/Bildseiten und speichern Sie so ab, dass Sie bereits am Dateinamen erkennen können, dass es sich hier um die Inhaltsseite handelt. So speichern wir Inhaltsseiten immer als ...-tx ab, den Frameteil als ...-fr. So hat der Textteil hier den Namen htm12-tx.htm, der Frameteil die Bezeichnung htm12-fr.htm. Wenn die beiden Teile dann zu einer ganzen Frameseite zusammengesetzt werden, wissen wir immer genau, welche Teile zusammen gehören. Als ganze Seite wird sie dann unter dem Namen htm12.htm abgespeichert.

Wenn Sie alle Inhaltsseiten, also Ihre Text- und Bildseiten, erstellt haben, erstellen Sie den Frameteil. Öffnen Sie dazu eine neue Seite, und fügen Sie hier Ihre Navigationselemente ein. Wollen Sie einen Navigationsframe oben oder unten haben, setzen Sie die einzelnen Elemente nebeneinander.

<< Letztes Kapitel | Index | Nächstes Kapitel>>

Für einen vertikalen Frame ordnen Sie die einzelnen Elemente untereinander an:

oder

Sie können natürlich auch Schaltflächen verwenden und diese entsprechend beschriften:

Wenn Sie alle Navigationeselemente angeordnet haben, setzen Sie in Ihrer künftigen Frameseite die Hyperlinks auf die jeweils entsprechende Seite. Auch wenn die Seite noch nicht existiert, können Sie trotzdem den Hyperlink eingeben: z.B. htm4-tx. Sobald Sie die Seite vier bearbeiten und unter htm4-tx speichern, ist Ihr bereits vorher eingegebener Hyperlink in der Frameseite aktiv.

Wenn Sie nun sowohl Ihre Text-/Bildseiten wie auch Ihre Frameseite(n) im selben Ordner gespeichert haben, öffnen Sie eine neue Datei (Datei - Neu). Klicken Sie nun zunächst Frames an und wählen Sie dann die entsprechende Option aus (hier: Navigationsframe unten)

Es erscheint folgende Bildschirmansicht:

Klicken Sie in dem unteren Frame auf Startseite festlegen dann auf um Ihre Datei auszuwählen. Wählen Sie auf keinen Fall eine im oberen Fenster angegebene Datei aus. Sie wird später nicht integriert!

Wenn Sie nun in Ihrem Ordner sind, werden Sie merken, wie sinnvoll es ist, dass die vorgesehenen Text- bzw. Frameseiten entsprechend benannt wurden.

Für die dritte Seite dieser Einführung benötigen wir für den unteren Navigationsframe die Datei htm-3fr, die wir nun durch Bestätigen auch einfach in den unteren Frame einfügen.

Im nächsten Schritt klicken wir im oberen Feld auf Startseite festlegen und wählen dann entsprechend die Datei htm3-tx.

Nachdem nun beide Bestandteile der endgültigen Seite zusammengefügt sind, muss die gesamte Seite nur noch gespeichert werden. Wenn Sie nun auf Datei - Speichern unter gehen erscheint folgendes Menü

Der große blaue Rahmen zeigt Ihnen an, dass nun die gesamte Seite gespeichert wird. (Sonst wäre nur der obere Teil blau umrahmnt = Text-/Bildteil oder der untere = Navigationsteil). Geben Sie den Dateinamen für die neue Gesamtseite ein (hier: htm3) und bestätigen Sie.
Achten Sie bei Hyperlinks auf Frameseiten darauf, dass Sie die Gesamtseite als Ziel angeben.

Fertig - Ihre Seite ist bereit für die Vorschau im Browser.

Hier einige Beispiele für Frames.

Ein horizontaler Frame mit durchgehendem Hintergrunddesign (Entwurf):

was im Browser in der Endfassung nachher so aussieht:

Wie Sie sehen können, wurden für die Endfassung die Farben vertauscht, um die einzelnen Hyperlinks besser lesbar zu machen.

Sie können die Elemente natürlich auch vertikal anordnen. Auch hierfür Beispiele

Wie Sie sehen, haben Sie die vielfältigsten Möglichkeiten Ihre Website mit einfachen Mitteln mit einem Navigationsframe auszustatten. Zur Verdeutlichung wurde beim letzten Beispiel noch die Fassung beigefügt, wie Sie sie beim Erstellen auf Ihrem Bildschirm sehen.
Wenn Sie die hier gezeigten Inhaltsframes im Original sehen wollen, klicken Sie einfach auf den entsprechenden Frame.