Frameset anlegen
Framesets teilen das Browserfenster in mehere Teilfenster (Frames).
In jedes dieser Teilfenster muß eine komplette HTML-Datei geladen werden.
Frameset-Definitionen werden - im Niemandsland - zwischen dem <head>-Bereich und dem <body>-Bereich einer HTML-Datei angelegt.
Framesets bestehen immer aus mehreren HTML-Dateien:
- pro Frame eine HTML-Datei und
- die HTML-Datei, die die Frameset-Definition beinhaltet (das Frameset).
Das <frameset>-Tag hat die Aufgaben:
- die Größe der Teilfenster festzulegen
- Rahmenlinien anzuzeigen/auszublenden
Das <frame>-Tag hat folgende Aufgaben:
- Referenz auf die im Teilfenster zu ladenden HTML-Dateien
- Benennung der Teilfenster, um sie später ansprechen zu können.
Alle Angaben, die im
<body>-Bereich eingefügt werden, werden lediglich von nicht-framefähigen Browsers interpretiert.
|
Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<title></title>
</head>
<frameset cols="15%,85%">
<frame name="titel-frame" src="titel.htm">
<frameset rows="15%,85%">
<frame name="navigations-frame" src="nav.htm">
<frame name="haupt-frame" src="welcome.htm">
</frameset>
</frameset>
<body>
Angaben für nicht Frame-fähige Browser.
</body>
</html>
|
<frameset>
frame-Definitionen
</frameset>
|
cols="x%|pixel"
rows="x%|pixel"
border="pixel"
frameborder="yes|no"
framespacing="pixel"
bordercolor="Farbangabe"
|
<frame src="" name="">
|
name="teilfenster-Name"
src="pfadangabe"
scrolling="yes|no|auto"
marginwidth="pixel"
marginheight="pixel"
noresize
bordercolor="Farbangabe"
|
Auf Frames verweisen
Sinn von Frames ist z.B. feste Navigationsfenster zur Verfügung zu stellen.
Die einzelnen HTML-Seiten, die den eigentlichen Informationsinhalt der HTML-Site repräsentieren, werden über die Navigation in einem eigenen Fenster geladen.
Das verkürzt die Ladezeiten und macht den Aufbau einer HTML-Site überschaubar.
|
Beispiel:
Ein Verweis in der Datei nav.htm (die im Frame "navigations-frame" geladen ist; s.o.), der eine HTML-Datei "seite1.htm" im Frame "haupt-frame" lädt.
<a href="seite1.htm" target="haupt-frame">
zur seite 1
</a>
|
<a href="" target="">
</a>
|
href="datei.htm"
target="teilfenster-Name"
|