Navigation ohne Frameset mit CSS- was ist da üblich?

[Cpunkt]

Hallo, ich möchte demnächst eine Webseite umzustellen. Bisher ist sie eben mit einem dicken fetten Frameset gestaltet. Nun möchte ich alles auf CSS umdesignen.
Da interessiert mich mal, wie das die CSS-Profis mit der Navigation machen. Also im Frameset gibt es ja den Vorteil, dass die Navi immer stehen bleibt (geht mit CSS auch-ich weiß, ist mir aber zu kompliziert ) aber wenn ich die Seite mit CSS neu gestalte, ist es dann üblich, beim klicken auf eine Unterseite der Hompage, dass sich sozusagen jedesmal die komplette Seite+Navigation neu lädt? Oder stellt das kein Problem dar?
Dass beim scrollen die Navi verschwindet, damit hab ich mich schon abgefunden.

Gruß Cpunkt

Zitat von Cpunkt

aber wenn ich die Seite mit CSS neu gestalte, ist es dann üblich, beim klicken auf eine Unterseite der Hompage, dass sich sozusagen jedesmal die komplette Seite+Navigation neu lädt? Oder stellt das kein Problem dar?

jo, das ist üblich und stellt in keinster weise ein problem dar.
das bißchen code, den ein listenmenü benötigt, ist so schnell geladen, dass du es gar nicht merkst. verwendete grafiken hat der benutzer nach dem ersten aufruf der seite sowieso im browsercache, d.h. die werden nicht nochmal extra nachgeladen.

[Boris]

Nun, ohne Frames wird der ganze HTML-Teil (inkl. des Navigationscodes) "neu" geladen, aber die paar Bytes machen es nun wirklich nicht aus - zumal das CSS (sofern es in einer extra Datei liegt) nur einmal geladen wird, da es dann im Browsercache liegt.

Um dem Problem zu entgehen, ein und dieselbe Navigation auf 100 Seiten aktualisieren zu müssen bei einer änderung, benutzt man Includes (mit SSI oder PHP). Die Navigation ist sozusagen in einer kleinen Datei, die dann in alle anderen Seiten automatisch eingebunden wird. So kannst du die eine Datei ändern, und es wird auf alle 100 Seiten übernommen.

Die "fortgeschrittene" Variante einer Navigation mit CSS wird aus einer Kombination einer UL/LI Liste und dem Formatieren über CSS realisiert.

Such einfach mal einfach unter all diesen Begriffen hier im TP, es gibt bereits viele Themen darüber

[rewboss]

Üblich ist auch noch eine kleine Navigationsleiste unten auf der Seite, damit man nicht wieder hochscrollen muss. Auch in diesem Forum siehst du unten eine Navi. Aber es empfiehlt sich, auch aus anderen Gründen, die Seiten nicht zu lang zu gestalten.

[Cpunkt]

Nun, ohne Frames wird der ganze HTML-Teil (inkl. des Navigationscodes) "neu" geladen, aber die paar Bytes machen es nun wirklich nicht aus - zumal das CSS (sofern es in einer extra Datei liegt) nur einmal geladen wird, da es dann im Browsercache liegt.

Wie ist das eigentlich, mit der CSS-Datei lege ich ein grundlegendes Desing fest, z.b. h1 soll blau sein usw....nun möchte ich aber, dass die h1 nicht auf jeder Seite blau ist und auch nicht immer 15px groß...Wie macht man das dann mit der einen css-Datei?

[rewboss]

Das C in CSS steht für "Cascading" und soll heißen: spätere Regeln ersetzen ältere Regeln.

OK, auf (fast) jeder Seite sollen <h1>-Elemente blau sein. In der externen CSS-Datei sieht es so aus:

h1{ color: #0000ff; }

In der HTML-Datei steht folgendes:

<link rel="stylesheet" type="text/css" href="styles.css"/>

Nun willst du auf einer einzigen Seite ein rotes <h1>-Element haben. Du kannst auch CSS-Angaben direkt in der HTML-Datei schreiben, und zwar so:

<style type="text/css">
h1{ color: #ff0000; }
</style>

So lange dieser Code nach dem <link>-Tag erscheint, wird auf dieser Seite (und nur auf dieser Seite) die Überschrift rot erscheinen.

Was auch möglich ist, ist verschiedene Klassen zuzuweisen, etwa so:

h1.blau{ color: #0000ff; }
h1.rot{ color: #ff0000; }
h1.gruen{ color: #006600; }

Im HTML schreibst du <h1 class="blau"> oder <h1 class="rot"> oder <h1 class="gruen">, je nach dem.

[Cpunkt]

Ist ja wiede genial, das mit den "class="
Ihr seid eben Spitze!