Frames unterteilen das Fenster eines Browsers in mehrere Bereiche, die dann mit unterschiedlichen Html-Seiten gefüllt werden können und durch die man sich mit eigenen Scrolleisten bewegen kann. Die Anordnung der Rahmen und welche Dateien geladen werden sollen, steht in der Frameset-Datei.

Framesets anlegen

Beim Arbeiten mit Frames ist es in Dreamweaver erforderlich, die Framerahmen sichtbar zu machen:

Es erscheint um die leere Seite ein Framerahmen (im Browser nicht sichtbar).

Der nächste Frame und die folgenden Frames werden über das Menü Einfügen/Frames eingefügt. Sie sind durch graue Linien von einander getrennt.

Durch einen Klick in einen der Frames wird automatisch die betreffende Datei, die im Frame geladen wurde, ausgewählt. Der zugehörige Quelltext ist nun in der Codeansicht sichtbar. Man bearbeitet in Dreamweaver immer automatisch die Datei in einem Frameset, in die man mit der Maus geklickt hat. Es stehen einem dazu alle Möglichkeiten zur Verfügung, ganz so, als ob man nicht in einem Frameset arbeiten würde sondern in einer ganz normalen Html-Datei.

Das Frameset kann nur dann ausgewählt und der Quellcode in der Quellcodeansicht sichtbar gemacht werden, wenn unter Ansicht /Visuelle Hilfsmittel die Anzeige der Frame-Rahmen aktiviert wurde und man im Dokumentfenster die grauen Linien anklickt hat. Wenn ein Frame markiert ist, bekommt es eine gestrichelte Linie.

Bei schon angelegten Framesets, die man modifizieren will, darf man keinen Frame markiert haben, denn sonst sind die entsprechenden Menüpunkte (in Menü Einfügen oder Modifizieren) deaktiviert.

Eigenschaften des Framesets

Der Eigenschaftsinspector eignet sich gut, um die Framesetattribute festzulegen. Da es in einem Frameset immer mehrere Dateien gibt, muß man sehr gut aufpassen, in welchem Frame man sich gerade befindet und ob man auch wirklich das Element markiert hat, was man bearbeiten möchte. Sonst geschehen merkwürdige Dinge!

Bei ”Spalte” (ändert sich zu ”Zeile”, wenn sich der Mauszeiger in einer Zeile befindet) kann man direkt die Maße für den Frame eingeben – Es gibt eine Auswahlmöglichkeit zwischen Pixel, Prozent und relativ.

”Relativ” bedeutet, das der Platz, der dem Frame zugeordnet wird, relativ zu den anderen Frames berechnet wird.

Möchte man einen Frame löschen, zieht man den Rahmen einfach aus der Seite (wie Hilfslinien bei Photoshop)

Wenn man seine Seiten aus Dreamweaver heraus im Browserfenster anschauen möchte und noch nicht gespeichert hat, erscheint folgende Meldung:

Hier mit OK bestätigen!

Speichern von Framesets und Frames

Aber Vorsicht: Wenn man solche Warndialoge mit der falschen Taste bestätigt, können schon mal das Frameset oder die geladenen Dateien überschrieben werden. Zumindest die Version 3 von Dreamweaver hatte da so ihre Tücken. Ich rate bei Framesets und Frames dazu, immer mit Verstand zu speichern und folgende Punkte zu beachten:

• Beim Speichern von Frames und Framesets ist es vorher unbedingt notwendig zu kontrollieren, welche Datei gerade ausgewählt ist und damit abzugleichen, welche der verschiedenen Speicheroptionen man verwendet. Gerade bei Framesets hat man schnell eine Datei irrtümlich übersichert!
• Man sollte beim ersten Mal Abspeichern eines neuen Frame sicherstellen, das das Frame auch dort gespeichert wird, wo es hinsoll.
• Man sollte auch nie im Frameset geladene Dateien und eine oder mehre der in dem Frameset geladenen Dateien in einem eigenen Fenster in Dreamweaver zur gleicher Zeit bearbeiten. Dreamweaver warnt einen zwar beim Speichern, aber meist drückt man in dem Moment auf den falschen Bestätigungsknopf und die Änderungen sind futsch. Die Version die zuletzt gespeichert wird, gewinnt!

Tipp: Für Änderungen an Framesets im Quelltext verwende ich gern einen Html-Editor. Die sind etwas robuster!

Vorsicht: Nicht mit beiden Programmen (oder anderen Html-Editoren) gleichzeitig an einer Datei arbeiten! Man übersichert leicht in einem Programm die ganzen Änderungen, die man im anderen gemacht hat. Bevor man im Homesite oder ähnl. Editoren die betreffende Datei öffnet, sollte man diese Datei im Dreamweaver schließen!

Verwendung vordefinierter Framesets

Verschachtelte Frames

Wie bei Tabellen kann man in ein vorhandenes Frameset ein weiteres einfügen:

Frameinspector

Vorteile:

1. Mit dem Frameinspector kann man leichter einzelne Frames des Framesets auswählen

Voraussetzung:

• Framerahmen müssen sichtbar sein
• Man muss sich in der WYSIWYG – Ansicht befinden

2. Die Hierarchie der Frames ist durch die unterschiedliche Rahmendicke besser erkennbar als im Dokumentfenster.

3. Die Quelle des jeweilig im Frameinspector ausgewählten Frames ist im Hyperlink-Feld im Eigenschaftsinspektor ablesbar.

In der Mitte steht der Name des Frames

Eigenschaften der Frames

Die Eigenschaften eines Frames lassen sich dann anzeigen, wenn man im Frameinspektor auf einen Frame klickt (ihn markiert). So sieht dann der Eigenschaftsinspektor aus:


Beim Feld ”Rollen” bedeutet Standard, das nichts eingetragen wird, auto steht für scrolling=”auto”, nein für scrolling=”no”. Scrolling=”yes” ist nicht vorgesehen (und auch überflüssig).

Randbreite meint den linken und rechten Rand des Frames, Randhöhe die Höhe des oberen und unteren Randes. Diese Einstellungen sind abhängig von den Einstellungen im Frameset.

Hyperlinks in Framesets

Bei der Angabe von Hyperlinks muß man in Framesets immer das Zielframe definieren, aber das ist ja bekannt!

Vordefinierte Zielframes

_blank: öffnet das verlinkte Dokument in einem neuen Browserfenster

_parent: das verknüpfte Dokument wird im übergeordnete Framefenster geöffnet

_self: öffnet das verknüpfte Dokument im selben Frame

_top: das Frameset wird durch den Inhalt des verknüpften Dokuments ersetzt.

Falls man einen Frame, der im geöffneten Framefenster geladen ist, verlinken will, zeigt Dreamweaver im Feld ”Ziel” den Namen aller zur Verfügung stehenden Framefenster an, auch der selbst definierten. Man kann dann gleich das Ziel auswählen. Falls man allerdings eine Datei mit einer anderen verlinken will, die nicht im Frameset geladen ist, muß man den Namen des Zielframes selber eingeben.

Bei der Erstellung der Navigationsleiste ist es in einem solchen Fall (nämlich wenn die Navigationsdatei nicht im passenden Frameset geladen ist, sondern solo) nicht möglich, den Zielframe auszuwählen. Die ”target”-Angabe muß man in dann im Quelltext per Hand ergänzen oder im Eigenschaftsinspektor ändern.

Wenn man zwei oder mehr Frames gleichzeitig austauschen möchte, muss JavaScript verwendet werden. Dazu gibt es bei Selfhtml eine gute Anleitung.