Im ersten Blogeintrag in der Kategorie CSS möchte ich ein wenig beleuchten, was CSS überhaupt ist. Ich möchte hier keine "Lehrstunde" abhalten, denn Hilfeseiten für CSS gibt es bereits zu Hauf. Überall im Internet findet man bereits Tutorials, mit welchen Tricks man auf Webseiten mit CSS voran kommt. Ich möchte hier allerdings einige kleine Gimmicks nennen, auf welche man nicht so schnell kommt, und welche man auch nicht so schnell im Internet finden kann.
Was ist CSS?
CSS ist die Abkürzung für Cascading Style Sheets, und eine Gestaltungshilfe für Webseiten. Hier geht es um das Design der Webseite und nicht um den Inhalt bzw. Informationen, die auf der Webseite übermittelt werden sollen. CSS-Eigenschaften werden immer in der englischen Sprache geschrieben, somit ist auch für alle Browser eine verständliche und einheitliche Sprache gegeben. Daher sind wenigstens Grundkenntnisse in Englisch von Vorteil, um zu wissen, welche CSS-Eigenschaft eigentlich verwendet wird. CSS ermöglicht die Zentralisierung des Designs. So muss nicht jede HTML-Seite einzeln geöffnet werden, wie es früher der Fall war.
Vorteile von CSS
Die hier genannten Vorteile sind gute Gründe, warum CSS verwendet werden sollte.
-
Schlanker, übersichtlicher Code
Durch das Auslagern des Designs aus der HTML können die Daten, also Texte, HTML-Tags sowie Grafiken schneller geladen werden. Die schnellere Ladezeit wirkt sich auch spürbar auf die Nerven aus. Der Text steht praktisch sofort zur Verfügung, während die Inhalte erst einmal komplett eingelesen werden müssen. Nachteil: Die Zeit, sich einen Kaffee zu holen, fällt weg.
-
Bessere Aktualisierbarkeit
Durch die Zentralisierung der Designanweisungen und Formatierungen in einer Datei außerhalb der eigentlichen Dokumente erleichtert sich die Aktualisierung des Designs. Möchten Sie die Schriftfarbe ändern, können Sie diese problemlos über die CSS-Datei ändern. Alle mit der CSS verbundenen HTML-Dokumente erhalten diese Änderungen. Durch die Trennung von Layout und Inhalt werden die Quelltexte auch übersichtlicher und eine Änderung der eigentlichen Inhalte werden für einen Anwender einfacher. Müssen Sie Texte ändern oder neu hinzufügen, brauchen Sie nicht mehr lange suchen und die Bearbeitung geht schneller voran. Zeit ist nun mal Geld.
-
Zugänglichkeit (Accessibility)
Barrierefreiheit ist bei Webseiten sehr wichtig, gerade heute in der schnelllebigen Welt des Internets. Sie sollen zugänglich sein. Die Grundlage für die Webseite ist ein ordentlich strukturiertes Dokument, deren Inhalte mit allen Geräten auf allen Plattformen, auch in den Grundeinstellungen des jeweiligen Gerätes bzw. den Einstellungen des jeweiligen Geräteanwenders ohne weiteren Aufwand erreichbar sein sollen. Die Darstellung auf verschiedenen Geräten und Systemen kann über Media Queries verfeinert werden.
-
Benutzbarkeit (Usability)
Durch die Weiterentwicklung von den alten HTML-Tags wie font="Arial" etc. zu CSS wurden viele Funktionalitäten und Methoden geschaffen, mit denen Sie Ihren Besuchern erweiterte Möglichkeiten zur Benutzung bieten können. CSS ermöglicht visuelle Navigationshilfen, aber auch eine komplette andere Darstellungsvariante, die auf die Bedürfnisse und Wünsche Ihrer Besucher bzw. einzelner Besuchergruppen ausgerichtet ist.
-
Suchmaschinen
Auch für die Suchmaschinenoptimierung (Search Engine Optimization) ist ein schlanker Quelltext wichtig. Die Suchmaschinen-Robots können den wichtigen Content schneller und gründlicher erschließen und den Zusammenhang erfassen und steigen nicht wegen verschachtelter Tabellenelemente vorzeitig aus.
-
Kostenfaktor
Eigentlich liegt der wirtschaftliche Vorteil bereits auf der Hand. Durch die Arbeit mit einem zentralen Stylesheet sparen Sie vor allem Zeit, und das an allen Ecken und Enden. Sie können die Inhalte aller Dokumente zusammenstellen, ohne sich Gedanken über Formatierung und Darstellung zu machen. Das Design übernimmt das CSS, über das die Positionen, Farben etc. definiert werden. Änderungen und Aktualisierungen bis hin zu einem kompletten Relaunch lassen sich problemlos durchführen. Der bandbreitenschonende Quelltext können zu einer direkten Kostenersparnis bei Traffic-Kosten führen, vor allem bei Webangeboten mit großer Seitenzahl.
