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 suche nach hosts usw. http://www.atnet.at/tools/query.php 404 Fehler http://www.plinko.net/404/howto.asp?article=15 http://www.plinko.net/404/custom.asp TIPPS fürs Verlinken http://www.linksandlaw.com/linkingcases-linkingpolicies-beispiele.htm Farbige Scrollbalken erwünscht http://www.grammiweb.de/html/html051.shtml Generator - http://baechi.de/scrollbar-generator/ Counter: - http://www.counterland.net/ interaktive Webkalender - http://wk.aidenbach.net/About/de/ Freytag und Bernd - http://www.freytagberndt.at/ Flaggen - http://us-shop.com/shop2/index.html Freewarearchiv - http://www.freeware-archiv.de/ Google suche: http://www.google.com/intl/de/addurl.html Div. Suchmaschinen eintragen lassen - http://www.metadoctor.de/ css - http://www.htmlhelp.com/reference/css/ Gifsammlung - http://www.gifspeicher.de/gif-verzeichnis/index.html homepagepastler - http://www.schmager.de/bastler.shtml HTML Clinik - http://www.htmlclinic.com/metacreator.php HTML Tag Referenzen - http://html.miningco.com/cs/htmltags/ Dr. Web - http://drweb.de/javascript/javascript_buttonlauftext.shtml Java Script Source - http://javascript.internet.com/ Java Script lernen - http://www.mg-werl.de/Informatik/JavaScript/index.html Beispiele Web - http://www.abw-webdesign.at/seiten/kunden.php PHP - http://www.php.net/manual/en/language.types.integer.php Selfhtml - http://www.rzuser.uni-heidelberg.de/~x02/html/tdda.htm#a2 Webdesign - http://www.web-toolbox.net/webtoolbox/index.htm Winload - div. infos und Grafiken - http://www.win-load.de/ div. Downloads - Scripts usw. - http://portal.darker-sky.de/index.php?site=scrollbar1 Homepagetools - http://www.webmastermind.de/homepagetools/Gratis-Homepage/ Cliparts - http://www.clipart-bilder.de/ Stylesheet - http://www.robert-web.de/css.shtml Free Layout - http://www.freelayouts.com/templates/display/templates/rateavg/100 Homepagetools kostenlos - http://www.webmastermind.de/homepagetools/Gratis-Homepage/ Webdesign help - http://www.webdesignhelper.co.uk/index.html Gifs - http://www.jojo-kohli.de/GIFS/gifs.htm Schnelle Prüfung ONLINE von vielen Domainen WWW - HTML - alles über die Homepage Geocities - kostenlose Homepage Geocities - Change Email GeoCities - Edit Profile GeoCities - FTP-Filetransfer GeoCities - GeoRewards Geocities - Hottips Home Page GeoCities - How to Promote Your GeoCities Home Page GeoCities - kostenlose Homepage Geocities - ändern von PW, Membername, Listname GeoCities Help Page GeoCities Homesteading On The World Wide Web - Disk Usage HTML-Editoren Ant_HTML und Ant_PLUS Arachnia BBEdit HTML Tools CU_HTML.DOT eText Text Engine GT_HTML.DOT Hot-Dog HTML Easy! Pro HTML Generator HTML Grinder HTML HyperEdit HTML Wizard HTML Writer HTML-Editor HTML.edit HTMLed Pro Live Markup Phoenix Simple HTML Editor Structured Professional Hypertext Directory Manager Web Weaver Webber (TM) WebDoor WebEdit WebPen WebWriter_2 Webresourecen - tipps und Tricks rund um Beginner CCC - Unsere Partner - kostenlose Homepage für CCC-Mitglieder HTML - Einfuehrung !! HTML FAQ HTML Validation Service HTML, A Beginner's Guide to HTML-Anleitung - Juristische UNI HTML-Anleitung von Compuserve HTML-Einführung HTML-Info Private Homepages - gratis - Austria Web Index Private Homepages - gratis Schlund + Partner GmbH - priv. Homepage gratis The World Wide Web Consortium (W3C) VIS - Virtuelle Informations Systeme - Private Homepage - gratis Ecash-Eine Einführung Einführung WWW, FTP, Telnet Fax über Internet E-Mail Faxaway Test-Drive Instructions Harvest caching Hilfe - Windows31 - Vorarlberg Online - Austria - Österreich Internet Information Center Interneteinführung Internetsoft-AccessOne Winsock Applications PGP - Hilfe Wais