So hier das ist der Code für den Index also die generelle Seite.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
<style></style>
<link rel="stylesheet" href="style.css" type="text/css">
<style></style><img style="text-decoration: underline;"
name="Pic" src="Bild URL"
alt="" border="0" height="800" width="1000">
<div
style="position: absolute; left: 392px; width: 469px; top: 81px; height: 723px;"><iframe style="" name="I" src="home.html"
frameborder="no" height="723" width="469"scrolling:yes></iframe></div>
<div
style="position: absolute; left: 880px; width: 115px; top: 92px; height: 660px;">
<iframe style="" name="II" src="navi.html"
frameborder="no" height="400" width="130"></iframe></div>
</body>
</html>
So also oben siehst du sicherlich das ein Bild verlinkt ist.Da wählst du halt deins aus und dann stellst du größe und Breite des bildes ein.
Dannach startet ein Div Dingen xD Das stellst du wie bei einem normalen Layout dahin wo der Content ist.
<iframe style="" name="I" src="/home.html"
I wäre in diesem Fall der Name des Frames und home.html ist die Startseite.Mehr dazu folgt unten.
frameborder="no" das auf keinen Fall verändern!Sonst hat der Frame einen Rand und man kann ihn beliebig hin und her ziehen!
height="723" width="469" damit musst du die breite des Frames in dem <div> einstellen.Nimm einfach genau das von dem Div.Also höhe und breite.
scrolling:yes muss in der navi erhalten sein!Damit stellst du ein das in dem Feld gescrollt wird.Wie bei Divs.
Dann beginnt der zweite div Teil der Navi.
name="II" src="/navi.html" hier ist der Name II und die Seite navi.html,für Navi.html musst du deine seite für die Navi nehmen die du gleich noch erstellst.
Dann kommt wieder die größe des Frames,die Funktion kennst du ja nun bereits.Du darfst auf keinen Fall scrolling:yes einfügen!
Nun erstellst du eine Datei home.html dies wird die Startseite deiner Seite.Das einzige was du eingeben brauchst wenn du möchtest ist die Schriftfarbe.
Deine home.html datei könnte am anfang so aussehen:
"<font color="FF0000">Willkommen auf meiner Seite und viel Spaß noch schaut euch in Ruhe um!</font>"
Mehr brauchst du nicht,natürlich kannst du auch anderen Inhalt benutzen!
Dann erstellst du eine Datei navi.html dies ist dann deine Navigation.In der Navigations Datei brauchst du nur den Linkeffekt und halt die Links.
Hier nochmal den Code für Linkeffekte:
<style>
A:link
{cursor: default ; color: #FFFFFF; text-decoration: none}
A:visited
{cursor: default ; color: #FFFFFF; text-decoration: none;}
A:active
{cursor: default ; color: #FFFFFF; text-decoration: none}
A:hover
{cursor: default ; color: #FFFFFF; text-decoration: none}</style>
Und nun kommt eine Besonderheit.Normal werden Links ja so geschrieben <a href="http://">Link</a>
Aber dies kannst du nun NICHT machen da sich der Link sonst nur in der Navi öffnet aber wir wollen es ja da wo die home.html datei auch ist.
Vielleicht erinnerst du dich das der Frames der home.html datei I hieß?Und dort willst du es ja öffnen also:
<a href="http://" target="I">Link</a>
Und das musst du bei jedem Link machen.
Nun kommen wir zu den "Zusatzseiten"
Erstelle eine neue Datei z.B namens "Bilder.html"
Dort brauchst du wieder nur deine Schriftfarbe und den Text bzw die Bilder linken.Von den Zusatzseiten kannst du natürlich ganz viele erstellen.
Dann gehst du wieder auf die Navi.html seite und änderst sie z.B <a href="/bilder.html" target="I">Bilder</a>
So,damit wären wir dann soweit.....endlich!
Ich hoffe es hat dir geholfen!
Fiona