Frontpage: Frames

Eine Frameseite besteht aus mehreren, oftmals ineinander geschachtelten, Webseiten die in einem Browserfenster angezeigt werden. Definiert wird die Zusammenstellung der einzelnen Frames im so genannten Frameset.

Der HTML-Code eines klassischen Framesets könnte so aussehen:

<frameset rows="*" cols="200,*" border="0" framespacing="0">
  <frame src="navi-frame.htm" name="leftFrame" noresize>
  <frameset rows="150,*" cols="*" framespacing="0" border="0">
    <frame src="header.htm" name="topFrame" scrolling="no">
    <frame src="inhalt.htm" name="mainFrame" scrolling="auto">
  </frameset>
<noframes>
<body>
<p>Diese Seite enthät Frames.
   Ihr Browser unterstützt keine Frames.</p>
</body>
</noframes>

Das klassische Frameset besteht aus drei Frames, dem Kopf- bzw. Bannerframe (1), dem Navigationsframe (2) und dem Inhaltsframe (3).

Darstellung: Frameset

Der Einsatz von Frames ist dann besonders sinnvoll, wenn eine externe Webseite auf der eigenen Webseite angezeigt werden soll. Zum Beispiel, wenn eine kleine Buchhandlung keinen eigenen Online-Shop programmieren möchte und sich stattdessen einer Webshop-Community anschließt, um trotzdem einen eigenen Shop im Internet zu haben. In diesem Fall kann die externe Webseite mit Hilfe von Frames auf der eigenen Website integriert werden. Oftmals werden Frames auch wegen der besseren Aktualisierbarkeit einzelner Elemente eingesetzt. Der Vorteil von Frames ist dass mehrere verschiedene Seiten auf einer Browserseite angezeigt werden können. Nachteilig ist beim Einsatz von Frames die Problematik bei der Adressierung. Normale HTML-Seiten haben nur eine Adresse über die sie erreichbar sind. Da ein Frameset aus mehreren HTML-Seiten besteht kann nicht auf komplette Unterseiten verlinkt werden. Mit einem direkten Link lässt sich zwar eine Unterseite anzeigen, aber die restlichen Frames auf denen oft die Navigation zu finden ist werden dann nicht angezeigt. Mit einem Link auf eine Unterseite sieht der User dann möglicherweise nur den Inhaltsframe und es fehlen die Navigation und der Header. Genau wie bei den Hyperlinks, so gibt es auch bei Frames lokale, die eine eigene HTML-Seite und externe die fremde Seite im Browserfenster anzeigen.

Worauf man bei externen Frames achten muss

Wenn man eine externe Seite als Frame auf seiner Internetseite einbinden möchte, sollte man prüfen, ob man damit keine Urheberrechte oder Nutungsrechte des Internet Service Providers verletzt.

Frames erstellen und bearbeiten

FrontPage enthält einige Vorlagen für Framesets bereit. Um eine davon auzuwählen klicken Sie im Menü auf Datei -> Neu und wählen dann im Aufgabenbereich Neu unter Neue Seite -> Mehr Vorlagen. In dem Dialogfenster Mehr Seitenvorlagen die Registerkarte Frames aus. Wählen Sie die von Ihnen gewünschte Vorlage aus und prüfen Sie im integrierten Vorschaufenster (unten rechts) ob es die passende Vorlage ist und bestätigen mit der OK-Schaltfläche.

Darstellung: Frameset-Dialog

Im Entwurfsmodus sind nun die entsprechenden Frames zu sehen und Frontpage stellt in jedem einzelnen Frame zwei Schaltflächen zur Verfügung mit denen man wählen kann, ob man die Seite neu erstellen oder aus bereits bestehenden Seiten eine aussuchen möchte.

Erstellen eines Inline-Frames

Der Vorteil eines Inline-Frames gegenüber dem eines normlen Frames ist der, dass um eingebettete Inhalte anzeigen zu können keine Erstellung einer separaten Frameseite notwendig ist. Inline-Frames eigenen sich besonders

als Container für ein auszufüllendes Formular
zum Einfügen einer Vereinbarung, die der Nutzer ausfüllen soll
als Anzeigebereich mit Bildlauf indem Produkte und Preise angezeigt werden sollen

Um auf einer HTML-Seite einen Inline Frame einzufügen, muss die Seite im Entwurfsmodus geöffnet sein. Anschließen wählt man im Menü unter Einfügen -> Inline Frame. Sollte der Befehl Inline Frame nicht verfügbar sein, dann klickt man im Menü Extras -> Seitenoptionen und wählt dort die Registerkarte (Dokument)erstellung aus und aktiviert das Kontrollkästchen Frames. Genau wie beim Einfügen eines normalen Frames stehen nun zwei Möglichkeiten der Verwendung für den Inline Frame zur Verfügung, zum einen die Verwendung einer bereits bestehenden Seite und zum anderen die zur Erstellung einer neuen Seite. Der HTML-Code eines Inline-Frames könnte wie folgt aussehen:

Das Eigenschaftsfenster eines Inline Frames kann man im Entwurfsmodus öffnen indem man mit dem Cursor soweit an den Rand des Inline Frames fährt dass er zum Pfeil wird und dann doppelt klickt. In diesem Dialogfenster kann man die Eigenschaften ändern wie den Namen, die anzuzeigende Seite, die Größe, die Ausrichtung, ob Scrollbalken angezeigt werden sollen oder nicht sowie einen alternativen Text eingeben, der angezeigt werden soll, wenn der Inline Frame in einem Browser nicht dargestellt werden kann.

Ein PDF-Dokument mit Hilfe von Inline Frames zur Seite hinzufügen

Das PDF-Dokument muss zuerst in den Websiteordner importiert werden. Im Menü Datei -> Importieren auf Datei hinzufügen klicken und das entsprechende PDF-Dokument auswählen und mit Öffnen bestätigen. Nun befindet sich das PDF-Dokument im Websiteordner. Um es jetzt als Inline Frame einzubauen, sollte der Entwurfsmodus geöffnet sein, dann im Menü Einfügen -> Inline Frame. Im Inline Frame auf Startseite festlegen klicken und in dem Dialogfenster Hyperlink einfügen das PDF-Dokument auswählen.

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf unsere Software FeatValue.

Weiterlesen: ⯈ Website veröffentlichen

Über uns

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project