Die Anordnung von Elementen eines HTML-Dokuments erfolgt selbständig vom Browser, wenn nicht durch bestimmte Formatierungsvorschriften eine bestimmte Gestaltung der Seite erzwungen wird. Tabellen und Frames bieten hierfür viele Möglichkeiten. Frames sind noch flexibler als Tabellen. Jedes einzelne Frame-Fenster kann wie ein eigenständiges Browserfenster gesteuert werden.
Mit Frame-Anweisungen wird das gesamte Browseranzeigefeld aufgeteilt in rechteckige Felder. Die Erzeugung der Bildschirmaufteilung erfolgt mit den frameset-tags <frameset > .... </frameset> . Mit speziellen Eigenschaften im öffnenden Tag werden die Feldereigenschaften festgelegt. Zwischen öffnendem und schließendem frameset-tag werden mit <frame src="datei.htm"... > die Dateien angegeben, die in den entsprechenden Feldern angezeigt werden soll.
Bei der Verwendung von Frames benutzt man eine spezielle Grundstruktur für die HTML-Datei: Der Body-Bereich wird ersetzt durch den Framebereich.
Ein Beispiel für eine HTML-Datei mit der Definition von Frames:
<html> <head><title>Frame-Beispiel</title></head>
<frameset cols="155,*,30" border="0" frameborder="1" framespacing="0"> <frameset rows="160,*" > <frame src="links-oben.htm" marginwidth="0" marginheight="0" noresize scrolling="no"> <frame src="links-unten.htm" marginwidth="0" marginheight="0" noresize scrolling="no"> </frameset> <frameset rows="100,*" > <frame src="mitte-oben.htm" marginwidth="0" marginheight="0" noresize scrolling="no"> <frame src="mitte-unten.htm" border="1" marginwidth="0" marginheight="0" > </frameset> <frame src="rechts.htm" marginwidth="0" marginheight="0" noresize scrolling="no"> </frameset>
</html>
Es ergibt sich die folgende Bildschirmaufteilung:
Bei der Erstellung von Frames wird der Bildschirm zunächst senkrecht in Spalten - cols - aufgeteilt und dann werden die einzelnen Spalten waagerecht in Reihen - rows - aufgeteilt. (Man kann die Reihenfolge auch umkehren).
Eigenschaften (Attribute) des frameset-tags: frameborder="1" : Rahmen "1", kein Rahmen "0" framespacing="5" : Rahmenabstände 5 Pixel cols="100,*,200" : Spaltenaufteilung: 1. Spalte 100 Pixel, 2. Sp. wird auto.angepasst, 3. Sp. 200 Pixel rows="*,200" : waagerechte Aufteilung einer Spalte: oben automatisch, unten 200 Pixel (wie bei cols auch in %)
Eigenschaften (Attribute) des frame-tags: frameborder="1" : Rahmen "1", kein Rahmen "0" marginheight="11" : senkrechter Abstand Inhalt/Rahmen 11 Pixel marginwidth="5" : waagerechter Abstand Inhalt/Rahmen 5 Pixel noresize : Rahmengröße kann nicht geändert werden scrolling="no" : Keine Scrollleiste im Rahmen, alternativ "yes" src="datei1.htm" oder src="bild1.gif" : Die im Frame angezeigte Datei name="frame12" : Über diesen Namen können andere Dateien auf den Frame zugreifen
Beispiel für die Anwendung des Frame-Namens: Der folgende Link führt zur Anzeige der Datei "test.htm" im Frame mit dem Namen "anzeige": <a href="test.htm" target="anzeige">im Fenster zeigen </a>
Anmerkung: Im Internet findet man häufig Frames für folgende Seitenansicht: In einer linken Spalte stehen die Links, die zu anderen Seiten führen (Navigationsleiste), während im rechten, großen Anzeigefeld verschiedene Inhalte präsentiert werden, wobei diese Inhalte gescrollt werden können, ohne dass die Navigationsleiste mitscrollt.
Grundgerüst für eine solche Aufteilung: <frameset cols="120,*" > <frame src="Navigationsdatei.htm" noresize scrolling="no"> <frame src="Anzeigedatei.htm" name="anzeige"> </frameset> sonstige Webinfos http://photo.sehnsucht.org/index2.shtml http://home.t-online.de/home/kneller/ http://clipart.totalshareware.com/Images.asp?catid=582 http://www.arttoday.de http://www.clipart.com http://www.countonline6.de/cgi-real/realaddnew.cgi http://www.erdkunde-online.de/fahnen/ http://www.knowware.de/verlag/autoren.htm http://javascript.internet.com/generators/drop-down-menu.html http://javascript.internet.com/generators/popup-window.html#source http://home.t-online.de/home/Jan-Jansen/misk/index.htm http://www.web-toolbox.net/webtoolbox/index.htm http://www.fkoe.de/index.htm?http://www.fkoe.de/_softw/s_jsmenu.htm Erdkugel http://www.fischhase.de/spielwiese/multimedia/3DWelt.html http://www.alles-geklaut.de/Webscripte/webstart2.html http://www.klaus-dieter-schaefer.de/Animierte%20Gifs/Erdkugel/Globus.htm http://www.geog.fu-berlin.de/globes/ausw-0-10-win.html Earthbrowser http://www.chip.de/downloads_updates/downloads_updates_169138.html Animationen - http://www.erdkunde-online.de/geofun/animation/ Tipps Websicher Farben Websicher Farben