» Frames

Frames (Rahmen) teilen den vom Browser angezeigten Bereich in Abschnitte auf. Jeder Frame kann ein
anderes XHTML Dokument darstellen. Frames eignen sich z.B. dazu, ein Menü zur Verfügung zu stellen.
Frames werden in einem separaten XHTML-Dokument erzeugt. Dieses Dokument enthält statt des <Body> Tags
den Tag <frameset>.
Um das Fenster vertikal zu teilen, wird <frameset> mit dem Attribut rows versehen, eine horizontale Teilung
erfolgt mit dem Attribut cols.
Folgende Zeile teilt die Seite in drei Spalten, wobei die Breite bei * variabel angepasst wird!
<frameset cols=“100,*,20%”>
Durch frame src werden die Startseiten der einzelnen Frames festgelegt. Die Reihenfolge wird automatisch von links nach rechts
bzw. oben nach unten vergeben! Folgendes Beispiel lädt in den linken Frame mit 150 Pixeln Breite die Seite „navi.htm“.
In den rechten Frame mit variab¬ler Breite wird die Seite“main.htm“ geladen.

<frameset cols="150, *" border="0">
<frame src="navi.htm" name="navi" id="navi" />
<frame src="main.htm" name="main" id="main" />
</frameset>

Soll z.B. die Seite “laser.htm” durch einen Link im Frame „navi“ im Hauptfenster angezeigt werden, so legt man dieses im
Dokument „navi.htm“ durch target fest.

<a href="laser.htm" target="main">Laser</a>



Aufgaben:

a) Erzeugen Sie ein Dokument mit 2 senkrechten Frames, wobei der linke Frame eine Breite von 150 Pixeln aufweist und der rechte eine variable Breite hat. Der linke Frame bekommt den Namen „navi“ und enthält 3 Links: 1. Hauptseite; 2. Inkjet; 3. Laser. Die Seiten Inkjet und Laser werden aus Übung 4 verwendet. Die Hauptsseite wird neu er¬stellt und enthält lediglich den Text „Hier bekommen Sie einen Überblick über verschiedene Druckertechnologien!“Alle drei Seiten sollen im rechten Frame geöffnet werden. Die Frames sollen keinen Rahmen haben!

b) Ändern Sie den Frameset so ab, dass oben ein weiterer Frame erzeugt wird. Dazu müssen zunächst zwei waagerechte Frames erzeugt werden. Darunter können dann die vertikalen eingefügt werden. Färben Sie den oberen und den linken Frame gelb. In den oberen Frame soll eine Seite geladen werden, die nur den Text „Druckertechnologien“ enthält!

» » » Infobox

» Lösung A)
» Lösung B)
» Download .DOC