Webdesign-Hilfe und Promotion-Tipps |
|
Webdesign-Hilfe und Promotion-Tipps |
» Kontakt / Impressum » Gästebuch |
|
|
|
|
FramesFrames sind eine "Erfindung", mit der die meisten Anfänger Probleme haben. Also möchte ich hier mal versuchen, das ganze ein bisschen zu erklären. AufbauEine Homepage, die in Frames aufgeteilt ist, besteht aus mehreren einzelnen HTML-Seiten. Diese teilen sich sozusagen den Bildschirm und werden nebeneinander oder untereinander angezeigt. Klassisches Beispiel für eine Frames-Seite: (links Navigation, rechts Hauptseite)
Um eine Seite wie oben gezeigt in Frames aufzuteilen, benötigt man 3 HTML-Seiten. Auf der ersten Seite (meist die Index-Seite) bestimmt man, welche HTML-Dokumente wie angeordnet werden sollen. Dort befindet sich das Frameset. Beispiel für die index.html, in der sich das Frameset befindet Die zweite Seite ist der Inhalt des linken Frames und die dritte ist der Inhalt des rechten Frames. Der HTML-Text zu diesem Frameset sieht folgendermaßen aus: <frameset cols="30%,70%"> <frame src="links.html"> <frame src="rechts.html"> </frameset> cols steht dafür, dass diese beiden Seiten nebeneinander angeordnet werden. (für eine Anordnung untereinander würde es rows heißen.) Die Prozentwerte bestimmen, in welchem Verhältnis die Seiten aufgeteilt werden. Die erste Zahl bestimmt die Breite des ersten Frames, die zweite die Breite des zweiten. Man müsste also in diesem Beispiel die erste Seite als "links.html" speichern und die zweite als "rechts.html" Normalerweise gibt man den einzelnen Seiten jedoch sinnvollere Namen. Für links z. B. "navigation.html" und für rechts z. B. "welcome.html" Genauso müsste das Frameset dann folgendermaßen aussehen: <frameset cols="30%,70%"> <frame src="navigation.html"> <frame src="welcome.html"> </frameset> Wenn nun die index.html aufgerufen wird, wird auf der linken Seite die Navigation eingeblendet und auf der rechten Seite die welcome-Seite. Seiten verlinken - TargetFramesets sind ja dafür da, um z. B. auf der linken Seite (Menü) die verschiedenen Seiten der Homepage anwählen zu können, so daß auf der rechten Seite die jeweiligen Seiten angezeigt werden. Dazu gibt man dem jeweiligen Frame einen Namen. Beispielsweise "navi" und "main". Das sieht dann folgendermaßen aus: <frameset cols="30%,70%"> <frame name="navi" src="navigation.html"> <frame name="main" src="welcome.html"> </frameset> Die Links, die man nun auf die Seite navigation.html setzt, müssen mit einem Target-Befehl versehen werden, damit der Browser weiß, in welchem Frame die Seite erscheinen soll. Wenn mal also beispielsweise einen Link zur Seite "bilder.html" setzen möchte, welche sich dann im Frame namens "main" (rechter Frame) öffnen soll, sieht der Code so aus: <a href="bilder.html" target="main">Bilder</a> Wenn man nun auf einer "Main"-Seite (Seite die im Hauptfenster angezeigt wird) einen Link platziert, um z. B. auf eine weitere Unterseite zu verlinken, benötigt man keinen Target-Befehl, da die Seiten automatisch im gleichen Frame geöffnet werden. Aber Vorsicht: auch externe Links werden somit nur im Hauptframe angezeigt! Deshalb benutzt man für externe Links entweder target="_blank" (neues Fenster wird geöffnet) oder target="_top" (Seite wird im aktuellen Fenster geöffnet, die eigene Seite "verschwindet"). Unterstriche nicht vergessen! Frame-RahmenBei dem oben beschriebenen Frameset wird zwischen den beiden Frames eine Trennlinie angezeigt. Um diese Linie wegzubekommen, müssen ein paar Codes in den Frameset-Tag gesetzt werden. Diese sind: border="0" frameborder="no" framespacing="0" border und frameborder sind prinzipiell das Gleiche. Jedoch kennt Netscape nur den einen, und der InternetExplorer den anderen Befehl. Wenn man beide einsetzt, wird der Befehl somit von beiden Browsern erkannt. Das komplette Frameset müsste jetzt folgendermaßen aussehen: <frameset border="0" frameborder="no" framespacing="0" cols="30%,70%"> <frame name="navi" src="navigation.html"> <frame name="main" src="welcome.html"> </frameset> Aufteilung der SeitenIm genannten Beispiel haben wir ein Seitenverhältnis von 30% zu 70%. Diese Prozentwerte kann man natürlich beliebig verändern - die Summe muss jedoch 100% betragen. Es gibt jedoch auch die Möglichkeit, den Frames feste Größen zuzuordnen. Dabei gibt man dem einen Frame eine feste Größe in Pixeln und den anderen Frame läßt man variabel, damit immer der ganze Bildschirm ausgefüllt ist. Die feste Größe bestimmt man, indem man einfach eine Zahl (Pixel) einsetzt und die Variable bekommt ein Sternchen ( * ) Beispiel: <frameset cols="210,*"> <frame name="navi" src="navigation.html"> <frame name="main" src="welcome.html"> </frameset> Somit würde die Seite "navigation.html" 210 Pixel Breite des Bildschirmes einnehmen, und die Seite "welcome.html" füllt den Rest des Bildschirmes aus. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
