Crashkurs Homepage         Inhalt         rückwärts - Seite 12 - vorwärts

Crash-Kurs Homepage: Frames

Viele WWW-Seiten sind mittels sogenannter Frames in Teil-Seiten zerlegt. Frames erzeugen Teile im Browser, die mit je eigenen Dateien gefüllt werden. Oft sieht man auf WWW-Seiten links einen Frame mit Inhaltsangaben zur Navigation, der stehen bleibt, während im rechten Teil verschiedene Inhalte gezeigt werden.

Frames werden in einer .htm-Datei definiert, die dann als Hauptdatei aufgerufen wird. Die Frame-Datei hat anstelle eines <BODY> ein <FRAMESET>, in welchem die Grössen der Teile bestimmt werden und welche Dateien zuerst in die Frames geladen werden:

     

Typischerweise wird etwa eine Datei "index.htm" wie folgt geschrieben:

<HTML>
 
<HEAD>
<TITLE>Hyperbiblithek: Crashkurs Homepage</TITLE>
</HEAD>
 
<FRAMESET Cols="150,*">
   <FRAME SRC="navigation.htm" name="links" scrolling=no>
   <FRAME SRC="inhalt.htm"name="rechts">
</FRAMESET>
 
<HTML>

In diesem Beispiel ist definiert, dass die linke Seite immer 150 Pixel breit ist und die rechte Seite den Rest des Browser belegt (Cols="150,*). Die beiden Teile werden mit den beiden Dateien "navigation.htm" und "inhalt.htm" gefüllt.
Die beiden FRAMES haben überdies je einen frei wählbaren Namen (hier "links" und "rechts"), dazu sage ich unten noch mehr.

Wenn man den Browser horizontal aufteilen will, schreibt man statt "cols=.." einfach "rows=..". Man kann Frames beliebig (wie Tabellen) verschachteln, indem man bei den Teilframes anstelle einer normalen htm-Datei wieder eine Frame-Datei einsetzt.

Frames sind etwas verpönt, weil das Handling etwas anspruchsvoller ist - und vor allem auch, weil die Suchmaschinen die Teilframes anzeigen und nicht die ganze Seite. Der Vorteil von Frames ist, dass man später, wenn man (beispielsweise in der Naviagtion) etwas korrigieren will, die Korrektur nur in einer Datei machen muss.


Links in Frames

Wenn man mit Frames arbeitet muss man bei den Links zusätzlich den das Attribut "target" verwenden. In unserem Beispiel kann man in der Natigations-Datei "navigation.htm" bespielsweise einen Link wie folgt setzen:
 
<a href="todesco.htm" target="inhalt">über mich</a>
 
Das bedeutet, dass die Datei "todesco.htm" im rechten Teil des Browser (im Frame mit dem Namen "inhalt" eingesetzt wird, während sich im linken Teil nichts ändert.
 
Wenn man das Target-Attribut nicht setzt, wird die Datei "todesco.htm" im linken Teil (also anstelle der Navigations-Datei) angezeigt.
 
Das target-Attribut hat ein paar Standardwerte: target="_new" bedeutet, das die Datei in einem neuen Browserfenster angezeigt wird, target="_top" bedeutet, dass die Datei in demselben Browser, aber ohne Frames angezeigt wird.
 
 
 


Jetzt - ich meine, nachdem Sie es ein bisschen geübt :-) - haben, können Sie auch mit Frames umgehen.
 
Damit ist der Crashkurs im engeren Sinne zu Ende. Es folgen noch einige Anmerkungen zu höheren HTML-Techniken und zum weiteren Umfeld von HTML: weiter