Warum CSS? sei sparsam und sinnvoll

Texte ohne Formatierung sind schwer zu lesen und schauen auch denkbar langweilig aus. Mit Schriftart/Schriftfarbe, fett, kursiv, Kapitälchen und Hintergrundfarbe oder Hintergrundbild werden fortlaufende Texte aufgepeppt.

ab NOF8 ist jedes Projekt bereits auf CSS voreingestellt. frühere Versionen können nachträglich umgestellt werden

• Werkzeug/Site-einstellungen/Browserkompatibilität/ - hier auf CSS umstellen

mit dem Style werden bereits erste CSS-Einstellungen im Projekt eingetragen. Für Texte, Überschriften, Listen und Hintergrundeinstellungen wird eine Style.css angelegt. Alle formatierungen werden von NOF automatisch dort eingetragen. das macht NOF automatisch - ihr bemerkt es gar nicht.

Viele User machen in ihren ersten projekten im style/Design der Site keine Einstellungen, sondern ändern alle Formatierungen per Hand - so wird zum Beispiel der Text auf jeder Seite und in jedem Textfeld von Times auf Verdana umgestellt. Auch die Schriftgröße wird mit viel Zeitaufwand von Hand für jedes Textfeld eingerichtet. Im Style kann man das mit wenigen Klicks machen (siehe hier) - aber CSS kann weit mehr.

Was ist CSS und wie schaut es aus?

Erstmal etwas Theorie: Hier ein Beispiel wie der Quelltext im Vergleich ausschaut:

eine Zeile text mit HTML-formatierungen schaut im Quelltext ungefähr so aus

• <p><b><font COLOR="#333333" size="-1" face="Verdana,Tahoma,Arial,Helvetica,Sans-serif">ich bin ein text ohne css</font></b></p>

eine Zeile Text mit CSS schaut so aus:

• <p>ich bin ein text mit  css</p>

oder wenn sie eigene Formate haben soll so:

• <p class=text>ich bin ein text mit viel formatierung</p>

mit CSS sage ich der Textpassage lediglich ob sie ein fortlaufender Text ist (p-tag) oder wie sie heißt (z.b. zitat), das Format dazu wird in die CSS-Datei geschrieben. Diese liest der Browser aus und wendet sie auf alle textpassagen mit dem Namen text an.

Möchte ich morgen eine andere Hintergrundfarbe oder gar ein positioniertes Hintergrundbild, kann ich dies direkt in den Formaten ändern. und zwar mach ich das nur einmal - der Browser liest nun die neue Formatierung aus und wendet sie an. Ohne CSS muss ich bei 100 Seiten auch 100x7 Klicks machen.

Aber im NOF-handbuch steht....

• Der CSS-Standard befindet sich immer noch in der Entwicklungsphase.
• Microsoft Internet Explorer unterstützen die CSS-Eigenschaften nicht in ganzem Umfang
• Auszug aus dem NOF-Handbuch

Diese Passage steht in jedem Handbuch seit NOF4 (oder gar früher) und gilt nur für die browser der 1. und 2. Generation. Lediglich ein paar sehr frimelige CSS-Befehle werden nicht von allen aktuellen Browsern anerkannt. Für alle normalen Formatierungen kann und sollte man man CSS verwenden.

allen Zweiflern lege ich dringend den Film ans Herz...