Im folgenden werde ich versuchen euch zu erklären wie ihr auf eurer Homepage eine einfache Navigation einbaut:
das Prinzip der folgenden Befehle funktioniert so: man erstellt zuerst 2 Dateien im Editor. Die eine enthält die ganzen Links und somit das, was in der Navigationsleiste angezeigt wird. Die 2. Datei, die man angibt, zeigt später das, was als "Startseite" zu sehen ist.
1. Seite
2. Erklärung
1.
<frameset cols=20,80>
<frame name="navi" src="navi.htm" scrolling=yes>
<frame name="main" src="home.htm" scrolling=yes>
</frameset>
frameset cols steht dafür, wie viel Platz die Navigationsleiste einnimmt. Die Zahl kann beliebig verändert werden, wichtig ist nur, dass hinter dem Komma die ,80 stehen bleibt
zu<frame name="navi" src="navi.htm" scrolling=yes>:
navi.htm ist die Datei, die zuvor erstellt wurde. Sie wird links in der Navigation angezeigt
der befehl scrolling=yes sagt, dass es eine Scroll-leiste in der ´Navigationsleiste gibt
<frame name="main" src="home.htm" scrolling=yes>
die Datei home.htm ist die "Startseite sie nimmt den Rest der Seite in Anspruch und lässt sich auch runterscrollen
ganz wichtig ist, dass in der Seite mit der Navigation hinter jedem Link noch in den <> Zeichen target="main" steht (s. Bsp.)
fertig ist die Navigation. Die Dateien navi.htm und homt.htm lassen sich beliebig erstellen. Falls ihr dafür überhaupt keine Ideen habt im folgenden ein Beispiel
navi .htm:
<html><haed></haed><body bgcolor=black link=orange alink=orange vlink=orange>
<font size=4>Navigation<br><br>
<p align="left"><a href="schule.htm" target="main">Schule</a></p>
<p align="center"><a href="latein.htm" target="main">Latein</a><br>
<a href="info.htm" target="main">Informaik</a><br>
<a href="rest.htm" target="main">Restliches</a></p>
<p align="left"><a href="news.htm" target="main">News</a></p>
<p align="center"> <a href="news.htm" target="main">News</a></p>
<p align="left"><a href="pw.htm">Privates</a></p>
<font color=orange><p align="center"><u>Tagesablauf<br>
Wann ich Zeit hab<br>
Seitenentstehung</u></font><br>
<p align="center"><font size=2 color=red>
(Um die Links zu aktivieren muss bei "Privates"
das richtige Passwort eingegeben werden)
Das Passwort erfahrt ihr per, <a href="mailto:martinpaschmann@onlinehome.de">E-mail</a>.
<p>
<font size=4><p align="left"><a href="meineHobbys.htm" target="main">Meine Hobbys</a>
</p><p><p align="center"> <a href="bvb.htm" target="main"> BVB </a></p><p>
<p align="center"><a href="basketball.htm" target="main"> Basketball </a></p><p>
<p align="left"> <a href="fun.htm" target="main"> Fun </a></p><p>
<p align="center"> <a href="funpics.com" target="main"> Lustige Bilder</a></p><p>
<p align="center"> <a href="funstuff.htm" target="main"> Fun Stuff </a></p><p>
<p align="center"> <a href="funlinks.htm" target="main"> Fun Links </a></p><p>
<p align="left"> <a href="links.htm" target="main"> Links </a></p><p>
<p align="center"> <a href="links.htm" target="main"> Links </a></p><p>
<p align="left"> <a href="meineklasse.htm" target="main"> Meine Klasse </a> </p><p>
<p align="center"> <a href="namenliste.htm" target="main"> Liste aller Namen </a></p><p>
<p align="center"> <a href="klassenbilder.htm" target="main"> Bilder </a></p><p>
<p align="left"> <a href="bilder.htm" target="main"> Bilder </a></p><p>
<p align="center"> <a href="bilder.htm" target="main"> Bilder </a></p>
</body></html>
was ihr nicht braucht ist der Textabschnitt in dem Links freigeschaltet werden können, es geht hier nur ums Prinzip
home.htm:
<body onunload bgcolor="black">
<html><head><title>Martins HP</title></head>
<script language="JavaScript"><!--
alert("Herzlich willkommen auf meiner Homepage")
// -->
</script>
<body bgcolor="black" text=lime alink=orange vlink=orange link=orange>
<h1 align=center>Die Offizielle Homepage von Martin Paschmann</h1>
<p><p><img src="Oma 015.jpg" width="960" height="800">
Dies ist die offizielle Homepage von Martin Paschmann. Hier gibt es regelmäßig:
</body></html>
Ich hoffe ich konnt euch helfen und hab euch nich verwirrt.
Bei Fragen schreibt einfach eine mail an martin.paschmann@onlinehome.de