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

Eine komplette Frame-Datei sieht also so aus:

<-frameset rows="20%,80%"->
<-frame src="inhalt.htm"->
<-frame src="willkommen.htm" 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.htm target="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.htm">
<-frame src="rechts.htm" 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.htm->
<-frame src="unten.htm" name="unten"->
<-/frameset->


Mehrfache Teilung

Ihr könnt den Bildschirm auch öfter unterteilen:

<-frameset rows="20%,60%,20%"->
<-frame src="oben.htm"->
<-frame src="mitte.htm" name="main"->
<-frame src="unten.htm"->
<-/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.htm" name="links"->
<-frame src="rechts.htm" name="rechts"->
<-/frameset->

Kapitel 7 ←  •  → Kapitel 9 1

[Hide Window]
This page is an archived page courtesy of the geocities archive project 
Report this page