Erklärung 5
    
WWW.WEB-TOOLBOX.NET
BEISPIEL  DOWNLOAD ZURÜCK SITEMAP  

 Lektion 5 : verschachtelte Framesets

Frames kann man verschachteln. Das bedeutet, man kann in einen Anzeigebereich eines Framesets einen oder mehrere weitere Framesets einfügen! Ein Frameset steht dann innerhalb eines anderen Framesets

Ein Frameset im Frameset, das geht


   Das Ziel: Frameset mit 3 Frames

So soll die Browserfenster / Seiteneinteilung später aussehen. Sie möchten den Bildschirm in 3 Bereiche aufteilen. Dieses Beispiel einer Frameset-Datei hat 2 verschachtelte Framesets.


rechter Bereich für die Inhalte

linker Bereich für die Navigation

oberer Bereich für den Seitentitel

Bewegen sie den Mauszeiger über
die Verweise für eine Demo

  schrittweiser Aufbau

Der Frameset 1 (violett) besteht zunächst mal aus 2 Frames mit der Aufteilung 90 Pixel + Rest des Anzeigebereichs.

<frameset rows=" 90, * ">
    <frame name="oben" ... > 
    <frame name="unten" ... >
 </frameset>

Weil der untere Frame noch einmal in 2 Bereiche aufgeteilt werden soll, wird der Frame mit dem Namen 'unten' durch einen weiteren Frameset ersetzt. Der Frameset 2 wird in den Set 1 an Stelle des Frames "unten" eingesetzt.

Der Frameset 2 soll den Frame 'unten' ersetzen.
Frameset 1 rows="90, * "



    
 Frameset 2 cols="135, * "


<frameset rows=" 90, * ">
    <frame name="oben" ... > 
    <frame name="unten" ... > 



    </frameset>
</frameset>


<frameset cols="135, * " >
     <frame ... >
      <frame ... >
</frameset>
Im Code für Frameset 1 (oben links) fällt die Zeile für den Frame "unten" weg und wird ersetzt mit dem Code für Frameset 2 (den sie oben rechts sehen).
  Ergebnis

<frameset rows=" 90, * ">
    <frame name="oben" ... > 
    <frameset cols="135, * " >
         <frame ... >
          <frame ... >
    </frameset>
</frameset>


  Die Verschachtelung


Der Frameset 1 (violett) besteht aus 2 Bereichen. Er hat als Inhalt nicht zwei Frames sondern einen Frame und einen Frameset. Der Frameset 2 (rot) hat als Inhalt zwei Frames. 

<frameset rows=" 90,*">
 <frame src="titel.htm" name="oben">
 <frameset cols="135,*">
  <frame src="menue.htm" name="nav">
  <frame src="start.htm" name="anzeige">
 </frameset>
</frameset>

Nun hat unser Frameset insgesamt 3 Frames.


1) den oberen Frame mit dem Namen "oben" (Höhe 90 Punkte rows=90).
2) den linken Frame mit dem Namen "nav" (Breite 135 Punkte cols=135 )
3) den rechten Frame mit dem Namen "anzeige" (Rest der Bildschirmbreite *).




  Inhalte der Frames bestimmen

Gleich zu Beginn (beim Laden) wird die Datei

titel.htm in das obere Fenster,
menue.htm in das linke Fenster
start.htm in das rechte Fenster geladen. 


  <frameset rows=" 90, * ">
       <frame src="titel.htm" name="oben"> 
       <frameset cols="135, * ">
             <frame src="menue.htm" name="nav">
             <frame src="start.htm" name="anzeige">
       </frameset>
  </frameset>

Um diese Frameset-Datei und ihre Inhalte anzuzeigen werden nun 4 Dateien benötigt. Die Frameset-Datei und 3 Dateien die die 3 Frames mit Inhalt füllen.


Beispiel ansehen










NACH OBEN