Frames
Frames (Rahmen) bieten die Möglichkeit, eine Html– Seite in verschiedene Bereiche aufzuteilen.
Als Grundgerüst braucht man einen Frame als Kopfleiste, der meistens die Überschrift der Page beinhaltet,
eine Menüleiste, mit deren Hilfe man sich durch den Inhalt der Seite navigieren kann und schließlich noch einen Frame für
den Inhalt der einzelnen Menüpunkte.
Ein Beispiel für das verwenden von Frames bietet natürlich diese Hilfsseite selbst. Als Anleitung dient somit ihr Quelltext.
Man muss 4 Quelltexte verfassen, je einen für die Kopfleiste, das Menü- und das Inhaltsfeld sowie einen Übergeordneten.
1. Der Übergeordnete Quelltext
<html>
<head>
<title>Html – Hilfe für Historiker<⁄title>
<⁄head>Die Head Zeilen sind wie gewohnt zu gestalten, allerdings ersetzt der Frameset den Body.
<frameset rows="10%,80%">Bei Frameset rows muss man die Höhe der waagrechten Frames angeben.
<frame src="kopfleiste.html" name="kopfleiste" scrolling="no">
<frameset cols="20%,80%">Bei Frameset cols muss man die Breite der senkrechten Frames angeben.
<frame src="menue.html" name="menue" scrolling="auto">
<frame src="hauptfeld.html" name="hauptfeld" scrolling="auto">
<⁄frameset>Dieser Befehl schließt die Framerows, darf aber erst an dieser Stelle stehen.
<⁄frameset>Dieser Befehl schließt die Framecols.
<⁄html>
2. Der Quelltext der Kopfzeile
<html>
<head>
<title>Kopfleiste<⁄title>
<⁄head>
<body bgcolor="green" link="black" alink="blue" vlink="black">
<center>
<h2><u>Html– Hilfe für den Historiker<⁄u><⁄h2>
<h3>Ertellen einer Internetseite<⁄h3>
<⁄center>
<⁄body>
<⁄html>
3. Der Quelltext der Menüleiste
<html>
<head>
<title>Menü<⁄title>
<⁄head>
<body bgcolor="green" link="black" alink="yellow" vlink="black">
<font color="yellow">
<ul>
<li><a href="inhalt ⁄einleitung.html" target="hauptfeld">Einleitung<⁄a>
<li><a href="inhalt ⁄grundaufbau.html" target="hauptfeld">Grundaufbau<⁄a>
<li><a href="inhalt ⁄text.html" target="hauptfeld">Texte einfügen<⁄a>
<li><a href="inhalt ⁄links.html" target="hauptfeld">Links einfügen<⁄a>
<li><a href="inhalt ⁄bilder.html" target="hauptfeld">Bilder einfügen<⁄a>
<li><a href="inhalt ⁄farben.html" target="hauptfeld">Farbliche Gestaltung<⁄a>
<li><a href="inhalt ⁄tabellen.html" target="hauptfeld">Tabellen einfügen<⁄a>
<li><a href="inhalt ⁄rahmen.html" target="hauptfeld">Seiten mit Rahmen<⁄a>
<li><a href="inhalt ⁄vlinks.html" target="hauptfeld">Verwandte Links<⁄a>
<⁄ul>
<⁄font>
<⁄body>
<⁄html>
Den Namen hinter dem Befehl Target muss man unter Punkt 1 im Quelltext der übergeordneten Seite definieren (z.B. name="hauptfeld").
In unserem einleitenden Text haben wir diesen Frame als Inhaltsframe beschrieben. Welche Namen die einzelnen Bestandteilen bekommen
ist der Phantasie überlassen.
4. Der Quelltext des Inhaltsfeldes
Den Quelltext der einzelnen inhaltlichen Seiten muss man natürlich für jeden Menüpunkt einzeln verfassen.
Pro Menüpunkt muss also eine eigene Seite für den Inhalt vorhanden sein.