992 Aufrufe

Ein Frameset definieren

Das Element frameset

frameset = Rahmen-Gruppe

Beschreibung:

Um eine Seite mit Frames zu erstellen müssen Sie zuerst das Gerüst definieren. Dafür benötigen Sie das HTML Element frameset. Mit diesem bestimmen Sie, wie das Anzeigefenster des Browsers in verschiedene Frame-Fenster aufgeteilt werden soll. Dieses notieren Sie nach dem End-Tag </head> aber noch vor dem Start-Tag <body>. Das Element frameset umschließt somit das Element body.

Syntax:

Mit dem Start-Tag <frameset> leiten Sie das Frame-Gerüst ein. Danach folgt der eigentliche Inhalt. Ist die Seite fertig schliessen Sie das Frame-Gerüst mit dem End-Tag </frameset> ab.

Quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd"> 
<html>
<head>
<title>Beschreibung</title>
</head>
<frameset>
...
</frameset>
</html>

Horizontale Aufteilung

Das Attribut rows="Wert"

Beschreibung

Mit dem Attribut rows="Wert" können Sie das Anzeigefester in Reihen (horizontal) aufteilung. Gehen Sie dabei wie bei Tabellen vor.

Syntax:

Notieren Sie das Attribut rows="Wert" innerhalb des Start-Tags <frameset>. Dabei bestimmen Sie mit "Wert" wie die Aufteilung aussehen soll. Eine Reihe bestimmen Sie mit der gewünschten Größe in Pixel (px) oder Prozent (%). Einzelne Reihen trennen Sie mit einem Komma Beispiel-1 rows="20%,80%", Beispiel-2 rows=""20%,*,20%

Beispiel-1:

<frameset rows="20%,80%">
...
</frameset>

Aufteilung:

Frame 20%

Frame 80%

Beispiel-2:

<frameset rows="20%, * ,80%">
...
</frameset>

Aufteilung:

Frame 20%

Frame *

Frame 20%

Vertikale Aufteilung

Das Attribut cols="Wert"

Beschreibung

Mit dem Attribut cols="Wert" können Sie das Anzeigefester in Spalten (vertikal) aufteilung. Gehen Sie dabei wie bei Tabellen vor.

Syntax:

Notieren Sie das Attribut cols="Wert" innerhalb des Start-Tags <frameset>. Dabei bestimmen Sie mit "Wert" wie die Aufteilung aussehen soll. Eine Spalte bestimmen Sie mit der gewünschten Größe in Pixel (px) oder Prozent (%). Einzelne Spalten trennen Sie mit einem Komma z.B. cols="20%,80%".

Quelltext:

<frameset cols="20%,80%">
...
</frameset>

Aufteilung:

Frame 20%

Frame 80%

Vertikale und horizontale Aufteilung

Das Attribut cols="Wert"

Beschreibung:

Sie können Frame-Fenster wie in einer Tabelle aufteilen. Mit dem Attribut rows="Wert" bestimmen Sie die Reihen und mit dem Attribut cols="Wert" bestimmen Sie die Spalten.

Anleitung:

Um ein Frameset mit vertikaler und horizontaler Aufteilung erstellen wollen müssen Sie wie folgt vorgehen. Zuerst definieren Sie das ganze Fenster und definieren z.B. ein Frameset mit zwei Spalten <frameset cols="30%,70%">. Danach folgt der Inhalt, welcher im ersten Fenster stehen soll. Als nächstes definieren Sie ein frameset um das zweite Fenster zu unterteilen z.B. <frameset rows="20%, 80%">. Danach folgt der Inhalt dieser beiden neuen Fenster. Steht dieser müssen Sie das erste und das zweite Frameset abschließen.

Beispiel-1:

<frameset cols="30%,70%">
  Inhalt 1
  <frameset rows="20%,80%">
    Inhalt 2 & Inhalt 3
  </frameset>
</frameset>

Aufteilung:

Inhalt 1	Inhalt 2
	Inhalt 3

Beispiel-2:

<frameset rows="50%,50%">
  <frameset cols="50%,50%">
    Inhalt 1 & Inhalt 2
  </frameset>
  <frameset cols="50%,50%">
    Inhalt 3 & Inhalt 4
  </frameset>
</frameset>

Aufteilung:

Inhalt 1	Inhalt 2
Inhalt 3	Inhalt 4