Was will sie jetzt mit CSS, werden sicher einige denken. Für einen Laien ist es wirklich nicht klar, warum in einem Kurs zum Thema Web Usability (Benutzerfreundlichkeit von Websites) auch CSS-Kenntnisse vermittelt werden. Mit diesem Beitrag werde ich etwas Licht ins Dunkel bringen.
CSS fürs Website-Layout
CSS ist eine Abkürzung für Cascading Style Sheets. Cascading Style Sheets (CSS) sind Formatvorlagen für Websites. Wie bei Formatvorlagen in Textverarbeitungsprogrammen können in CSS Formatierungen zentral festgelegt werden. Diese gelten dann für die gesamte Website. Die Vorteile liegen auf der Hand: Die Website verfügt über eine einheitliche Gestaltung und wenn Änderungen an Formatierungen nötig sind, können diese an einer einzigen Stelle – in der CSS-Datei – vorgenommen werden. Der eigentliche Inhalt der Website befindet sich in HTML-Dateien, in die ein Verweis auf die CSS-Datei eingebaut wird. Durch die Zweiteilung – HTML und CSS – werden Inhalt und Layout voneinander getrennt.
Formatierungsmöglichkeiten mit CSS
CSS regelt die Darstellung von HTML-Elementen. Verglichen mit den herkömmlichen HTML-Formatierungen bietet CSS deutlich mehr Möglichkeiten, was zum Beispiel die Schriftgestaltung, Rahmen, Abstände und Hintergründe angeht. CSS-Eigenschaften beschreiben die Schriftfamilie, Schriftgröße und -farben, den Hintergrund und die Platzierung von Blöcken für das Layout der Webseite im Browserfenster.
Optimierte Layouts für alle Nutzer
Ein großer Vorteil von CSS ist, dass damit ein und derselbe Inhalt (in den HTML-Dateien gespeichert) unterschiedlich angeordnet werden kann. So kann die Darstellung der HTML-Seiten für verschiedene Ausgabemedien optimiert werden. Mit unterschiedlichen Stylesheets kann man das Layout der Website für die Bildschirmausgabe, für die Druckerausgabe, für Handys und Sprachsoftware definieren. Bei einem Stylesheet für die Druckerausgabe wird zum Beispiel die Navigation ausgeblendet. Auch ein behindertengerechtes Layout kann mit einem Stylesheet erstellt werden. CSS bietet die Möglichkeit, das Layout einer Website durch das Erstellen mehrerer CSS-Dateien für verschiedene Zielgruppen und Ausgabemedien zu optimieren.
CSS und Usability
Eine gut benutzbare und zugängliche Website ist für viele Menschen erreichbar und sorgt dafür, dass die Besucher gerne wiederkehren. Die Möglichkeiten von CSS sind eine ideale Basis zur Gestaltung von benutzerfreundlichen Websites. Damit wäre auch die Frage beantwortet, warum CSS ein Thema in meinem Usability-Kurs war.
Weiterführende Links:
Text zum Thema Usability, Webstandards und barrierefreies Internet
Tanjas Usability Blog 