Zum Inhalt der Seite


FEN: Free-Net Erlangen-Nürnberg-Fürth e.V.

FEN: Free-Net Erlangen-Nürnberg-Fürth e.V.

FEN Startseite > ~xx502 > Frames > Uebung2

Wie erstelle ich Web Frames?

Übung 2 - Mehrere Fenster

Die Funktion des <FRAMESET> Tags ist ausschließlich die Aufteilung des Bildschirms in Fenster und wie diese Aufteilung geschehen soll. In der Übung 1 haben wir zwei Möglichkeiten kennengelernt den Bildschirm senkrecht oder waagerecht in je zwei Fenster zu teilen. In dieser Übung lernen wir die Aufteilung auf mehrere Fenster.

Wir beginnen wieder mit der gleichen Grunddatei - frame1.html - wie in Übung1.

<HTML>
<HEAD>
 <TITLE>Titel dieser Seite</TITLE>
</HEAD>
<BODY>
  Textbereich
</BODY>
</HTML>

Senkrechte Aufteilung in Bereiche gleicher Breite

Als erstes wollen wir den Bildschirm gleichmäßig senkrecht in fünf Bereiche aufteilen.
Im folgenden Rahmen habe ich die Veränderungen zum letzten Beispiel der Übung 1 farbig hervorgehoben.

<HTML>
<HEAD>
 <TITLE>Titel dieser Seite</TITLE>
</HEAD>
   <FRAMESET COLS="20%,20%,20%,20%,20%">
    <FRAME SRC="lisa.html">
    <FRAME SRC="terri.html">
    <FRAME SRC="kim.html">
    <FRAME SRC="tina.html">
    <FRAME SRC="elke.html">
  </FRAMESET>
</HTML>

Speichern sie die Datei als frame2.html im Arbeitsverzeichnis und überprüfen Sie das Ergebnis in Netscape.
Sollte ein Fenster zu schmal für die Darstellung des Inhalts sein, wird automatisch eine Bildlaufleiste angezeigt.

  Mein Beispiel ansehen


Senkrechte Aufteilung in Bereiche unterschiedlicher Breite

Die Aufteilung der Frames muß nicht immer gleichmäßig erfolgen. Das nächste Beispiel zeigt die Bildschirmteilung in Bereiche unterschiedlicher Breite. Bitte beachten Sie, daß die gesamte Breite des Bildschirms 100% beträgt. Ergibt die Summe der angegebenen Breiten einen größeren Wert, so ist ein Teil der Seite nur durch Verschieben des Bildschirmausschnittes (Scrollen) zu sehen. Im Allgemeinen sind solche zu breiten Seiten kein guter HTML-Stil.

<HTML>
<HEAD>
 <TITLE>Titel dieser Seite</TITLE>
</HEAD>
  <FRAMESET COLS="10%,20%,30%,15%,25%">
    <FRAME SRC="lisa.html">
    <FRAME SRC="terri.html">
    <FRAME SRC="kim.html">
    <FRAME SRC="tina.html">
    <FRAME SRC="elke.html">
  </FRAMESET>
</HTML>

Speichern sie die Datei als frame2a.html im Arbeitsverzeichnis und überprüfen Sie das Ergebnis in Netscape.
Wird eine Bildlaufleiste angezeigt? _________________
In welchem Fenster? ____________________

  Mein Beispiel ansehen


Waagerechte Aufteilung in Bereiche unterschiedlicher Breite

Anstelle der senkrechten Aufteilung in Spalten ist in gleicher Weise auch die waagerechte Aufteilung des Bildschirms in Zeilen möglich.

<HTML>
<HEAD>
 <TITLE>Titel dieser Seite</TITLE>
</HEAD>
  <FRAMESET ROWS="10%,20%,30%,15%,25%">
    <FRAME SRC="lisa.html">
    <FRAME SRC="terri.html">
    <FRAME SRC="kim.html">
    <FRAME SRC="tina.html">
    <FRAME SRC="elke.html">
  </FRAMESET>
</HTML>

Speichern sie die Datei als frame2b.html im Arbeitsverzeichnis und überprüfen Sie das Ergebnis in Netscape.
Wird auch hier eine Bildlaufleiste angezeigt? _____________________
Wenn ja, in welchem Fenster? _____________________

  Mein Beispiel ansehen


In dieser Übung haben wir die Aufteilung des Bildschirms in mehrere Frame-Fenster mit senkrechter oder waagerechter Teilung kennengelernt. In der folgenden Übung wollen wir diese beiden Techniken miteinander kombinieren.


Zurück zur Übung 1 - Einfache Frames
Weiter zur Übung 3 - Senkrechte und waagerechte Fenster kombiniert
Zur Indexseite