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 > Uebung5

Wie erstelle ich Web Frames?

Übung 5 - Weitere Effekte

In dieser Übung wollen wir weitere Effekte kennenlernen.
Hinweis: Nicht alle vorgestellten Definitionen funktionieren mit allen Browsern. Wenn der Browser eine Definition nicht versteht, ignoriert er sie.

Randbreite

Mit der Angabe von BORDER (Rand) kann die Breite des begrenzenden Randes zwischen den Frame-Fenstern bestimmt werden:

<HTML>
<HEAD>
<TITLE>Titel dieser Seite</TITLE>
</HEAD>
<FRAMESET COLS="154,*" BORDER="20">
  <FRAMESET ROWS="170,*">
    <FRAME SRC="world.gif" WIDTH="146" HEIGHT="162" SCROLLING="no"
           MARGINWIDTH="1" MARGINHEIGHT="1">

    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="terri.html">
</FRAMESET>
</HTML>

Speichern Sie bitte das Beispiel als frame5a.html im Arbeitsverzeichnis.
Beschreiben Sie die Veränderung in der Darstellung von Netscape.

Mein Beispiel ansehen

Anmerkung:
Der Microsoft Internet Explorer versteht BORDER nicht, man muß man zusätzlich noch weitere Angaben machen:

<FRAMESET COLS="154,*" BORDER="20" FRAMEborder="1" FRAMESPACING="20">

BORDER ist Netscape-Syntax und bestimmt die Breite der Rahmen in Pixel. Erlaubt sind Zahlenwerte von 0 (keine Rahmen anzeigen) und größer.
FRAMEBORDER= [1/0 oder YES/NO] bedeutet nach Microsoft-Syntax die Angabe, ob 3D-Rahmen angezeigt werden sollen oder nicht. Will man in Netscape in einem geschachtelten FRAMESET die Rahmen ausschalten so braucht man auch FRAMEBORDER=NO.

<FRAMESET COLS="154,*" BORDER="20" BORDERCOLOR="#ffOOOO">
  <FRAMESET ROWS="170,*" FRAMEBORDER="no">

Nach HTML-4.0-Standard bedeutet die Angabe (in einem <FRAME>-Tag notiert), ob zwischen diesem Frame-Fenster und seinen Nachbarfenstern sichtbare Rahmen angezeigt werden sollen oder nicht.

FRAMESPACING="[Pixel]" ist Microsoft-Syntax und bestimmt den Abstand zwischen Frame-Fenstern, mithin also die Breite der Rahmen in Pixel (spacing = Abstand).

Nur mit FRAMEBORDER="0" FRAMESPACING="0" (also mit beiden Angaben) unterdrücken Sie beim MS Internet Explorer die Rahmen konsequent. Wenn Sie nur FRAMEBORDER=0 angeben, zeigt der Internet Explorer sichtbare Abstände zwischen den Frame-Fenstern an, allerdings nicht die üblichen 3D-Rahmen, sondern flache Zwischenräume.
Um die Rahmen beim Internet Explorer und bei Netscape zu unterdrücken, müssen Sie alle drei Angaben FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" notieren.
Wenn Sie die Rahmen zwischen den Frame-Fenstern unterdrücken, hat der Anwender keine Möglichkeit, die Größe der Frame-Fenster zu verändern. Testen Sie Projekte mit rahmenlosen Frames deshalb möglichst unter mehreren Bildschirmauflösungen und mit unterschiedlich großem Anzeigefenster.


Farbige Ränder

Mit der Angabe von BORDERCOLOR kann die Farbe des Randes festgelegt werden.

<HTML>
<HEAD>
<TITLE>Titel dieser Seite</TITLE>
</HEAD>
 <FRAMESET COLS="154,*" BORDER="20" BORDERCOLOR="#ff0000">
  <FRAMESET ROWS="170,*">
    <FRAME SRC="world.gif" WIDTH="146" HEIGHT="162" SCROLLING="no" MARGINWIDTH="1" MARGINHEIGHT="1">
    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="terri.html">
</FRAMESET>
</HTML>

Speichern Sie bitte das Beispiel als frame5b.html im Arbeitsverzeichnis.

Mein Beispiel ansehen

Die Farben werden hexadezimal angegeben und setzten sich aus den Grundfarben Rot, Grün und Blau (RGB-Werte) zusammen. Die Angaben sind möglich von #000000 (schwarz) bis #ffffff (weiß).

Hinweis: Eine Definition in einem übergeordneten FRAMESET gilt auch für die untergeordneten FRAMESETs.


Unveränderbare Fenstergröße

Vielleicht ist es Ihnen schon aufgefallen, daß man mit der Maus die Fenstergröße verändern kann. Dies kann man in besonderen Fällen verhindern. Im Allgemeinen sollte man diese Angabe nicht verwenden.

<HTML>
<HEAD>
<TITLE>Titel dieser Seite</TITLE>
</HEAD>
<FRAMESET COLS="154,*" BORDER="20" BORDERCOLOR="#ff0000">
  <FRAMESET ROWS="170,*" FRAMEBORDER=NO>
    <FRAME SRC="world.gif" WIDTH="146" HEIGHT="162" SCROLLING="no"
           MARGINWIDTH="1" MARGINHEIGHT="1">
    <FRAME SRC="lisa.html">
  </FRAMESET>
  <FRAME SRC="terri.html" NORESIZE>
</FRAMESET>
</HTML>

Speichern Sie bitte das Beispiel als frame5c.html im Arbeitsverzeichnis.
Testen Sie in Netscape, welche Rahmen sich noch verschieben lassen.

Mein Beispiel ansehen

Hinweis: Gibt man NORESIZE für einen Frame an, so können auch benachbarte Fenster nicht mehr in ihrer Größe vewrändert werden.


Das war ein relativ kurzes Kapitel.
In der folgenden Übung werden wir lernen, wie man von einem Frame aus einen anderen steuern, d.h. eine andere Datei in diesen Frame laden kann.


Zurück zur Übung 4 - Ein Bild im Frame
Weiter zur Übung 6 - Frame-Fenster verlinken
Zur Indexseite