Frames:

Inhalt:

  1. Einführung
  2. Framelayouts
  3. tags
  4. Größenangaben:

1. Einführung:

Ein Frame teilt ein Browserfenster in verschiedene Bereiche. Frames könnnen auch als Rahmen bezeichnet werden. Frames bietet die Möglichkeit, mehrere Seite gleichzeitig darstellen zu können. So können Bereich für die Navigation bzw. für Inhalte festgelegt werden. 

Der Vorteil von Frames ist, dass Besucher leichter durch ihre Seite navigieren können.

Der größte Nachteil von Frames ist, dass die Webseite langsamer geladen wird. Wenn ein Frame beispielsweise aus drei Seiten besteht, muss außer der index.html noch weitere drei Seiten geladen werden. Je nach Umfang der einzelnen Seiten kann das einige Zeit dauern.

nach oben

2. Framelayouts:

Quellcode

Beispiel
Horizontale Aufteilung (Spalten) <html>
<head>
</head>

< frameset cols="20%,*">
< frame name="links" src="Ordner/Seite.html" >
< frame name="inhalt" src="Ordner/Seite.html" >
< /frameset >

</html>
   

 

 

 
Vertikale Aufteilung (Zeilen) <html>
<head>
</head>

< frameset rows="100,*">
< frame name="oben" src="Ordner/Seite.html" >
< frame name="inhalt" src="Ordner/Seite.html" >
< /frameset >

</html>
 
 

 

 

 
Horizontale und Vertikale Aufteilung <html>
<head>
</head>

< frameset rows="150,*">
< frame name="oben" src="Ordner/Seite.html" >

< frameset cols="10%,*">
< frame name="links" src="Ordner/Seite.html" >
< frame name="inhalt" src="Ordner/Seite.html" >
< /frameset >

< /frameset >

</html>
 
   

 

 

 
Vertikale und Horizontale Aufteilung <html>
<head>
</head>

< frameset cols="150,*">
< frame name="links" src="Ordner/Seite.html" >

< frameset rows="10%,*">
< frame name="oben" src="Ordner/Seite.html" >
< frame name="inhalt" src="Ordner/Seite.html" >
< /frameset >

< /frameset >

</html>
   
 

 

 

 

nach oben

tags:

Übersicht über folgende tags: 

< frameset > / < frame > / < noframes> / < srolling > / < frameborder > / < bordercolor > / < target >

< frameset > Leitet die Aufteilung des Browserfenster ein.
< frameset rows="100,*"> Leitet die Aufteilung des Browserfenster in 2 horizontale Bereiche ein.
(100 Pixel groß).
< frameset cols="20%,*"> Leitet die Aufteilung des Browserfenster in 2 vertikale Bereiche ein.
(Linke Spalte nimmt 20% des Bildschirms ein.)
< frame name="oben" src="Datei.html"> Der Befehl frame teilt das Fenster in entsprechende Bereiche ein.
Mit "name" wird dem Bereich einen Namen zugewiesen (wichtig für Links).
Mit "src (source)" wird die html- Seite angegeben, die beim Start geladen werden soll.
< no frames > Es gibt Browser, die keine Frames unterstützen. Für die sollte ein alternativer Text angeboten werden.
<html>
<head>
</head>
< frameset cols="20%,*">
< frame name="links" scr="Ordner/Seite.html" >
< frame name="inhalt" scr="Ordner/Seite.html" >
< /frameset >

< noframes >
< body>
Ersatzinformationen
< / body >
< /noframes >

</html >
scrolling=yes/no/auto Wenn der Inhalt der Seite größer als der Frame ist, macht der Browser automatisch eine Bildlaufleiste (scrollbar). Dies kann man mit dem Befehl unterdrücken (no), immer sichtbar (yes) oder vom Browser entscheiden lassen (auto).
< frameborder="Pixel" > Die Angabe erfolgt innerhalb des Attributs < frameset >. Damit kann die Rahmensträrke festgelegt werden.
< border="Pixel" > Die Angabe erfolgt innerhalb des Attributs < frameset >. Damit kann die Rahmensträrke festgelegt werden.
< bordercolor="#00ff00" > Die Angabe erfolgt innerhalb des Attributs < frameset >. Damit kann die Rahmenfarbe festgelegt werden.
< target="inhalt" Der Befehl "target" enthält den Namen des Frames, in dem der Link geöffnet werden soll. Der Befehl ist im Hyperlink anzugeben:
< a href="Datei.html" target="inhalt" > Text </a>
Mit dem Attribut "target="_blank" " wird der Hyperlink in einem neuen Browserfenster geöffnet.
< base target=" > Wenn alle Links in einem bestimmt Frame geöffnet werden soll, kann die Angabe auch im "head" gemacht werden. Dadurch muss der Zielort nicht mehr im Hyperlink angegeben werden:
< head >
< base target="inhalt" >
< /head >

nach oben

Größenangaben:

Die Angaben der einzelnen Bereiche können in Prozent (max. 100%) oder in Pixel gemacht werden. Bei der Angabe in Pixel empfiehlt es sich, mindestens ein Bereich (frame) mit einem Stern anzugeben. So kann sichergestellt werden, dass die gesamte Seite auf dem Bildschirm angezeigt wird.

nach oben