8 Gründe warum Webentwickler Stylesheets einsetzen sollten

Cascading Style Sheets (CSS, Stilvorlagen für Webseiten) haben sich als Formatiersprache für Webseiten auf breiter Front durchgesetzt. Unter anderem die sichere Unterstützung des Standards in allen gängigen Browsern hat zur Verbreitung der Stylesheets beigetragen.

Das derzeit in Diskussion befindliche CSS3 wird im Gegensatz zu den Vorgängern modular aufgebaut sein, d.h. einzelne Substandards haben ihren eigenen Entwicklungsrhythmus und Versionsschritte.

Viele ältere Webprojekte sind aber noch in HTML formatiert. Dieser Artikel zeigt Ihnen kurz und knapp warum Sie bei der Website-Formatierung auf CSS setzen sollen.

CSS trennt Content vom Design

Die alte Forderung Inhalte vom Design zu trennen kann sehr leicht durch Stylesheets realisiert werden. Alles was zentral im Stylesheet definiert wird braucht nicht im HTML-Code der Seiten geändert zu werden. Somit erledigt ein Stylesheet bei kleinen Webprojekten die Aufgabe die in großen Webprojekten durch CMS-Systeme erledigt wird.

Einfache Webeffekte ohne Programmierung

CSS erleichtert Webdesignern den Einsatz von Webeffekten wie Mouseover usw. Mit ein paar Formatierauszeichnungen lassen sich Webseiten effektvoll aufpeppen. Das spart Projektzeit und Systemresourcen.

Stylesheets machen Webseiten Suchmaschinenfreundlich

Wer Inhalts-Formatierung konsequent in Stylesheets verbannt reduziert die HTML-Seite auf ein Grundgerüst und Content. Das erleichtert Suchmaschinen die Seite zu richtig zu indexieren.

Stylesheet ersetzen Tabellen-Design’s

Webdesign der ersten Stunde setzte vielfach auf Tabellen um ein möglichst browsersicheres Design zu erzeugen. Mit Stylesheets sind diese Zeiten (fast) vorbei. Mittels CSS lassen sich Standard-Designs erzeugen, die kommplett auf Tabellen verzichen.

Eine sehr guter Einblick in Design-Templates ohne Tabellen bietet die Seite http://www.intensivstation.ch/css/template.php

Zentrale Änderung von Elementen

Mit CSS lassen sich HTML-Tags (z.B. <h1>) zentral formatieren. Einmal definiert gelten die Formtierungen für die gesamte Website. Durch Klassen lassen sich leicht weitergehende Designs erzeugen, die sich auf weiter Elemente vererben lassen.

Mehr Formatiermöglichkeiten als HTML

Mit Stylesheets lassen sich Webseiten viel differenzierter formatieren. Jedes HTML-Tag lässt sich durch CSS umfangreich ändern.

Verringerung der Download-Zeit

Durch zentrales Vorhalten der Formatvorlage, Verzicht auf üppige Tabellendesigns und Siteeffekte in CSS lässt sich der Quellcode einer Webseite deutlich straffen.

Zukunftssicher durch XML und XHTML

CSS basiert auf XML (Extensible Markup Language) und ist damit zu bestehenden (HTML) und kommenden Programmiersprachen (XHTML, XML) kompatibel.

Weiterführende Links

W3-CSS-Home (Englisch)
http://www.w3.org/Style/CSS

CSS bei SELFHTML
http://de.selfhtml.org/css/

CSS How-To
http://www.intensivstation.ch/css/index.php

Templates im CSS-Style
http://www.intensivstation.ch/css/template.php

Cascading Stylesheets Tutorial von Stefan Mintert
http://www.heise.de/ix/artikel/2003/03/050/

Artikel: Style Sheets – Make-Up für WWW-Dokumente (1997)
http://www.heise.de/ix/artikel/1997/03/130/

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert