@blackwingspenner: Efchen wollte dir nicht vermitteln, dass du Frames anstelle von Layout-Tabellen verwenden sollst.
Er meinte: Jede Seite, die heute neu gemacht wird, sollte Inhalt und Layout trennen.
Der Inhalt wird mit HTML ausgezeichnet, d.h.: Überschriften auf der Seite landen in
<h1>,
<h2> usw. Textabsätze in
<p>. Die Navigation ist eine Aufzählung von Links, die miteinander im Zusammenhang stehen, also wird hier mit
<ul> gearbeitet. Deine Adresse landet logischerweise in
<adress>. Wenn du mehrere Elemente gruppieren möchtest, z.B. eine Überschrift und die zugehörigen Textabsätze, dann verwendest du
<div> (das bedeutet nicht, dass du dieses Element in diesem Fall verwenden
musst, ganz im Gegenteil: Vermeide es, wenn es nicht benötigt wird).
Tabellen verwendest du dann (und nur dann), wenn du Daten tabellarisch darstellen möchtest. Dein "About" ist z.B. teilweise ein tabellarischer Lebenslauf, da wäre
<table> vielleicht angebracht. Eventuell werden mir die Freunde der Definitionsliste
<dl> da widersprechen...
Layout machst du mit CSS. Die Möglichkeiten sind da unwahrscheinlich vielfältig, wenn du dich ein bisschen eingelesen hast. Du wirst vor allem die Menge an Grafiken (besonders die der zerschnittenen) radikal reduzieren können und für die Navigation kein JavaScript mehr benötigen.
Wichtig ist, dass es erst mal völlig egal ist, wie das Ganze aussieht, wenn du mit der Auszeichnung mittels HTML anfängst. Du kannst alles nachher noch völlig beliebig mit CSS verändern.
Außerdem wäre es noch sehr gut, wenn du nach dem Grundsatz "Text ist Text, Grafik ist Grafik" arbeiten würdest. Navigation und Links sind bei dir beschriftete Grafiken. Das ist nicht besonders flexibel und es bringt die weiteren Nachteile mit sich, die Efchen schon beschrieben hat.
Ich gebe mal ein Beispiel für das, was ich mit dem, was ich bisher geschrieben habe, meine: Du hast ein Bild "header_home.png". Darin befinden sich die Gesamtüberschrift der Seite, nämlich "LEMPI.AT", die Überschrift der aktuellen Seite, das ist "Home", und ein bisschen vom Hintergrundbild der Navigation. Dieses Hintergrundbild besteht insgesamt aus drei Teilen. Wenn du Layout und Inhalt trennen und mehr mit CSS arbeiten würdest, könntest du es einfach als ein Hintergrundbild einbinden.
Der "LEMPI.AT"-Schriftzug (vielleicht noch zusammen mit dem oberen Ende der Navigation und dem dunkelgrünen Streifen) wäre eine einzelne Grafik, die mit
<h1> ausgezeichnet würde, in etwa so:
Code:
<h1><img src="lempi_logo.gif" alt="LEMPI.AT" /></h1>
Das "Home" in der Leiste über dem Bild hingegen wäre gar keine Grafik, sondern einfach nur Text, ausgezeichnet mit
<h2>:
Den Pfeil links neben "Home" kannst du als Hintergrundgrafik einbinden, das Grau als Hintergrundfarbe angeben.
Darauf würde dann direkt die Navigation folgen, die eigentlich nur ein einziges Hintergrundbild erfordert (höchstens noch zwei, wegen des Schattens unten).
Ich könnte das noch ewig so weiterbetreiben, aber das mache ich vielleicht später, falls du Rückfragen hast. ;)