html-lernen.de

Kategorie:

Einsteiger

---

Für das Webdesign können externe Style Sheet Dateien verwendet werden. Diese werden mit den Webseiten verbunden.

Durch Strukturierung des CSS Style Sheet Dokuments können Stilregeln, auch Style Guides genannt, leichter umgesetzt werden.

Vorschlag einer Grundstruktur für externe CSS Dokumente:

/* Farben und Schriften */
CSS Code
/* Allgemeine Struktur der Webseite */
CSS Code
/* Kopfbereich */
CSS Code
/* Grafiken */
CSS Code
/* Seitenbereich oder Menue */
CSS Code
/* Fussbereich */
CSS Code

Durch die Aufteilung fällt es später leichter, die Style Guides ins Style Sheet zu transformieren. Außerdem lassen sich später die Elemente in den verschiedenen Bereichen leichter wiederzufinden. Dies funktioniert bei kleinen bis mittleren Websites.

Bei großen Websites kommt es häufig vor, dass die Webseiten auf verschiedenen Server liegen. Oder die verschiedenen Websites gehören verschiedenen Abteilungen und werden durch unterschiedliche Webdesigner gepflegt. Hier kann durch Standardisierung mit Hilfe der Style Guides und einer funktionierenden Kommunikation ein einheitliches Design der Websites erreicht werden.