CSS einfach erklärt

Im CSS-Lehrgang habe ich auf Seite 142 die Firefox-Erweiterung View Source Chart vorgestellt, die die Verschachtelung von HTML-Elementen auf einer Webseite grafisch darstellt, wodurch sich die Struktur einer Seite sehr schnell erfassen lässt.

Ein etwas verspielteres Tool ist der HTML-DOM Visualisierer von aharef. Ein Java Applet visualisiert den Aufbau anhand einer animierten Baumstruktur. Eine Erklärung welche Tags welcher Farbe zugeordnet sind findet man wenn man etwas herunterscrollt. Im zugehörigen Blog sind bereits einige große Websites exemplarisch analysiert. Man kann aber auch seine eigene URL visualisieren lassen. Bei flickr sind übrigens auch weit über 2.000 Internetseiten hinterlegt.

Die Grammatik für HTML und CSS wird vom W3C verbindlich vorgegeben. Für Webdesigner gibt es Validatoren, mit deren Hilfe man überprüfen kann, ob der geschriebene Seitenquellcode der W3C-Standardkonformität entspricht (siehe im Buch Seite 31 und 124). Das ist die erste Voraussetzung, damit der abrufende Quelltext von allen Browsern richtig verstanden und dargestellt werden kann. Hierauf hat man als Webdesigner direkten Einfluss.

Mehr lesen … »