8. Frames

Kapitel 7 ←  •  → Kapitel 9
  
Mit Frames k�nnt ihr die Anzeigefl�che des Browsers in mehrere Bereiche teilen. Z.B. k�nnt ihr den Screen horizontal aufteilen und dann in der oberen H�lfte ein Inhaltsverzeichnis postieren und in der unteren H�lfte die Ergebnisse, die erscheinen, wenn man auf die Links im Inhaltsverzeichnis klickt. Der Screen kann aber auch senkrecht oder mehrfach unterteilt werden.


Grundlagen:

F�r Frames braucht ihr mindestens drei HTML-Dateien. Die erste bestimmt, wie der Schirm aufgeteilt werden soll. Die anderen beiden sind die Dateien, die dann auf dem Schirm zu sehen sind.
Der Tag f�r Frames lautet:

<-frameset-> ... <-/frameset->


Frameset:

In den Frameset-Tag k�nnen zwei Attribute eingef�gt werden:
... rows=x,y ... f�r eine waagrechte Aufteilung oder
... cols=x,y ... f�r eine senkrechte Aufteilung.
X und Y m�ssen in Prozent oder in Pixeln angegeben werden. Beispiel:

<-frameset rows="20%,80%"-> ... <-/frameset->

Mit diesem Beispiel w�rdet ihr den Schirm in zwei Bereiche (=Frames) aufteilen. Der obere Frame nimmt 20% des Bildschirms ein, der untere 80%. (Kleiner Tip: Die Aufteilung in Prozent anzugeben, ist praktischer, da nicht jeder Monitor die selbe Einstellung hat wie eurer.)

Als n�chstes m��t ihr die Namen der Dateien bestimmen, die angezeigt werden sollen.


Bestimmung der Frames

Daf�r wird folgender Tag verwendet:

<-frame src="Dateiname.html"->

Eine komplette Frame-Datei sieht also so aus:

<-frameset rows="20%,80%"->
<-frame src="inhalt.html"->
<-frame src="willkommen.html" name="unten"->
<-/frameset->

Zus�tzlich habe ich dem unteren Frame noch den Namen "unten" verpa�t. Denn bei einem Link aus einem anderen Frame m��t ihr an den Link-Tag noch hinzuf�gen ... target="Fenstername" ..., damit die Datei im richtigen Frame angezeigt wird.
Wenn ihr also im oberen Frame einen Link habt zu einer eurer Seiten mit dem Namen "haustiere.htm" (ok, ok, wer hat gesagt, ich sei kreativ?) und sie im unteren Frame angezeigt werden soll, m��te der Link so aussehen:

<-a href="haustiere.html"unten"->

Wenn ihr das ...target="unten"... verge�t, hat das teilweise ganz witzige Folgen: dann wird die Seite n�mlich im kleineren, oberen Frame angezeigt (Chaos pur!).

Den Namen, den ihr der Frame-Datei gebt, k�nnt ihr frei ausw�hlen.


Senkrechte Teilung

Um zwei Frames zu erzeugen, die senkrecht voneinander getrennt sind, k�nnt ihr den folgenden Tag benutzen:

<-frameset cols=30%,70%->
<-frame src="links.html">
<-frame src="rechts.html" name="rechts"->
<-/frameset->


Eine vollst�ndige Frame-Datei

Die HTML-Datei, die die beiden Frames erzeugen soll, sollte nichts beinhalten au�er dem Frameset. Die Tags <-head-><-title->...<-/title-><-/head-> k�nnt ihr noch hinzuf�gen, aber der <-body->-Tag ist nicht erw�nscht.
Ein Beispiel einer vollst�ndigen Frame-Quelldatei:

<-html->
<-head-><-title-> Meine erste Homepage mit Frames <-/title-><-/head->
<-frameset rows="30%,70%"->
<-frame src="oben.html"unten.htm" name="unten"->
<-/frameset->


Mehrfache Teilung

Ihr k�nnt den Bildschirm auch �fter unterteilen:

<-frameset rows="20%,60%,20%"->
<-frame src="oben-2.html"->
<-frame src="mitte.html" name="main"->
<-frame src="unten.html"->
<-/frameset->

Durch dieses Beispiel w�rde der Schirm in drei waagrechte Bereiche unterteilt, wobei der mittlere der gr��te w�re.

Statt z.B. in der Datei "mitte.htm" gleich eine normale Datei mit Infos zu euch (oder euren Haustieren *g*) anzugeben, k�nntet ihr auch dort nochmal eine Frameset-Datei anlegen und den mittleren Bereich des Bildschirms noch einmal unterteilen.

Theoretisch k�nnt ihr soviele Frames erzeugen, wie ihr m�chtet. Allerdings verliert man nach dem sechsten oder siebten nicht nur als Autor der Datei, sondern auch als Besucher irgendwann den �berblick.


Durchsichtige Trennlinien

Normalerweise werden an den Framegrenzen Scroll-Balken angezeigt. Dies k�nnt ihr aber verhindern (wirkt irgendwie besser, finde ich). Der Tag daf�r hei�t:

<-frameset cols=40%,60%" border=0 frameborder=0 framespacing=0->
<-frame src="links.html" name="links"->
<-frame src="rechts.html" name="rechts"->
<-/frameset->

Kapitel 7 ←  •  → Kapitel 9
1
Hosted by www.Geocities.ws