|
Lektion 11/Teil 2 - Frames (Zusätze) Im ersten Teil der Lektion über Frames habe ich Ihnen die Grundlagen zum Thema Framesets erklärt. Innerhalb dieses Framesets kann man eine Menge Zusatzangaben machen, die ich dir in dieser Lektion näher beschreibe. <FRAMESET BORDER=0 FRAMEBORDER=0 FRAMESPACING=0> - Hier kann man Angaben über die Begrenzungslinien (Border - englisch für Grenze) zwischen den Frames machen. Weil die Befehle dafür beim MS Internet Explorer und beim Netscape Navigator unterschiedlich sind, musst du beide Befehle angeben. (Bei beiden funktionieren die Angaben ab der Version 3.0) Beim Netscape Navigator reicht die Angabe BORDER. Wenn du den Wert auf 0 setzt, erscheint keine Linie und je größer der Wert ist, desto breiter wird die Linie. Um beim MS Internet Explorer die Begrenzung zu beeinflussen, braucht man die Befehle FRAMEBORDER und FRAMESPACING. Bei FRAMEBORDER kann man die Werte 0 oder 1 einsetzten. Beim Wert 1 bekommt das Frameset eine dreidimensionale Begrenzung. Die Pixelbreite der Begrenzung gibt man bei FRAMESPACING an. Wenn Sie FRAMEBORDER auf 0 setzen, aber bei FRAMESPACING einen Wert angiben, wird es eine einfache Linie zwischen den Frames dargestellt. Wenn Ihr Frameset ohne Begrenzungslinien dargestellt werden soll, egal ob die Seite mit Netscape oder Explorer angeschaut wird, müssen Sie alle drei Angaben machen und auf 0 setzen. <FRAME SRC="" MARGINWIDTH= MARGINHEIGHT= SCROLLING= NORESIZE NAME="">- SRC kennen Sie schon aus der ersten Lektion zum Thema Frames. Mit MARGINWIDTH und MARGINHEIGHT bestimmt man den Abstand (in Pixeln) des Frameinhalts vom Framerand. Mit dem Zusatzbefehl SCROLLING=YES oder NO erlaubt oder verbietet man dem Browser einen Scrollbalken zu zeigen. Außerdem gibt es noch den Befehl SCROLLING=AUTO, den Sie aber auch weglassen können, denn diese Funktion hat der Browser automatisch. Achtung! Wenn Sie SCROLLING=NO verwenden, müssen Sie daruf achten ,dass der Fensterinhalt nicht größer ist als das Fenster des Browsers, der Betrachter der Seite hat keine Möglichkeit die Seite nach oben oder unten zu verschieben, um den Rest der Seite sehen zu können. Das selbe gilt auch für den Befehl NORESIZE. Wenn Sie ihn verwenden, hat das Frame immer eine feste Größe - egal ob der Inhalt hineinpasst. Nützlich ist dieser Befehl, wenn Sie für Ihre Seiten eine schmale Leiste verwenden möchten (z.B. Menü), die immer gleich bleiben soll, egal wie groß der Bildschirm des Betrachters ist. Mit NAME=""
werden die verschiedenen Frames benannt. Einen Namen braucht das Frame, wenn
Sie Links zwischen den Frames Ihrer Seite angeben wollen. Denn im Verweisbefehl : _new, _parent, _top und _self (Diese Namen müssen ausnahmsweise kleingeschrieben werden). TARGET=_new - die Seite wird in einem neuen Browserfenster gezeigt TARGET=_parent - Anzeige im letzten bestehenden Browserfenster TARGET=_top - die neue Seite wird im ganzen Fenster gezeigt TARGET=_self - die neue Seite wird auf der bestehenden abgebildet Die Beispielseiten: Das Frameset (FRAME.HTM): <HTML> <HEAD> <TITLE>Frames</TITLE> </HEAD> <FRAMESET COLS="100,200,*" BORDER=0 FRAMEBORDER=0 FRAMESPACING=0> <FRAME SRC="1.HTM" NAME="LINKS" MARGINWIDTH=10 MARGINHEIGHT=10 SCROLLING=NO NORESIZE> <FRAME SRC="2.HTM" NAME="MITTE" MARGINWIDTH=20 MARGINHEIGHT=20 SCROLLING=YES> <FRAME SRC="3.HTM" NAME="RECHTS" MARGINWIDTH=30 MARGINHEIGHT=30 SCROLLING=AUTO> </FRAMESET> <BODY> Wenn du diesen Text liest, kann dein Browser keine Frames darstellen. </BODY> </HTML> Die Seiten, die das Frameset aufruft: Speichern Sie diese Seite unter dem Namen 1.HTM ab: <HTML> <HEAD> <TITLE>Links</TITLE> </HEAD> <BODY TEXT="#000066" LINK="#0000FF" BGCOLOR="#66CC00"> Diese Seite erscheint im linken Frame. Der Abstand des Textes zum Seitenrand, zum Seitenanfang und zum Seitenende beträgt 10 Pixel. Wenn du die Fenstergröße veränderst, wirst du merken, dass dieser Frame immer gleich groß bleibt, auch wenn man den Text nicht mehr lesen kann. </BODY> </HTML> Speichern Sie diese Seite unter dem Namen 2.HTM ab: <HTML> <HEAD> <TITLE>Mitte</TITLE> </HEAD> <BODY TEXT="#FF0000" LINK="#990000" BGCOLOR="#FFFF00"> Das ist der Seiteninhalt für den mittleren Frame. Der Abstand zum Rand beträgt hier jeweils 20 Pixel. Wenn der Text in das Fenster passt, sind die Scrollbalken deaktiviert, aber man sieht sie immer.<BR><BR> Mit diesem <A HREF="4.HTM" TARGET=LINKS>Link</A> wird im linken Fenster eine neue Seite aufgerufen. </BODY> </HTML> Speichern Sie diese Seite unter dem Namen 3.HTM ab: <HTML> <HEAD> <TITLE>Rechts</TITLE> </HEAD> <BODY TEXT="#FFFF00" LINK="#000066" BGCOLOR="#0066FF"> Diese Seite taucht im rechten Fenster des Framesets auf. Der Abstand des Seiteninhalts zum Rand beträgt 30 Pixel. Bei diesem Frame tauchen die Scrollbalken erst auf, wenn der Text nicht mehr hineinpasst.<BR><BR> Mit diesem <A HREF="4.HTM" TARGET=_new>Link</A> wird eine Seite in einem neuem Browserfenster aufgerufen.<BR><BR> Mit diesem <A HREF="4.HTM" TARGET=_top>Link</A> wird die neue Seite im ganzen Browserfenster erscheinen. </BODY> </HTML> Speichern Sie diese Seite unter dem Namen 4.HTM ab: <HTML> <HEAD> <TITLE>Die neue Seite</TITLE> </HEAD> <BODY TEXT="#FFFF00" BGCOLOR="#FF0000"> Das ist die neue Seite, die durch das Link aufgerufen wurde.<BR><BR> <A HREF="FRAME.HTM" TARGET=_parent>Zurück</A> zum Frameset. </BODY> </HTML> Beispiel anzeigen zur Lektion 11/3 |