|
Cascading Style Sheets (CSS)
Um WEB-Seiten flexibel zu gestalten, besteht die Forderung, Inhalt und Layout des WEB-Auftritts von einander zu trennen. So sollen die Layout-(Formatierungs-)funktionen der Seiten getrennt vom Inhalt der WEB-Site, (Text und Bildern usw.) gehalten werden.
Durch die Verwendung von (C)ascading (S)tyle (S)heets (CSS), was übersetzt etwa "aufeinanderfolgende Stilvorlagen" bedeutet, wird dem HTML ein Regelsystem hinzugefügt, welches der soeben definierten Forderung nachkommt. CSS läßt sich mit einer Druckvorlage aus der Textverarbeitung vergleichen, welche sich jedoch auf HTML-Dokumente anwenden läßt.
Allerdings müsste die o.g. Forderungsliste um einen weiteren Punkt ergänzt werden. Eine optimale Seitengestaltung mit uneingeschränkter Flexibilität, ist nur noch durch die Herauslösung der Navigation aus dem Inhalt zu erreichen. Die letzte Forderung läßt sich mit den, dem WEB-Seitenentwickler zur Verfügung stehenden Standardwerkzeugen nur ansatzweise (z.B. über externe JavaScripts, (S)erver (S)ide (I)ncludes (SSI) oder Anwendung der Frame-Technik) oder gar nicht realisieren. Hierzu müssen sogenannte (C)ontent (M)anagement (S)ysteme (CMS), wie z.B. RedDot, Imperia, NFS ..., eingesetzt werden, durch deren Einsatz sich weitgehend eine Trennung von Inhalt, Layout und Navigation realisieren läßt. So schwer die Vorteile solcher Systeme wiegen, scheitert deren Einsatz für kleine und mittlere WEB-Sites rein aus Kostengründen (Einstiegspreise > DM 20.000,00). Auch wenn solche System als Freeware zur Verfügung stehen, überfordert die Installation, Handhabung und Pflege den Normalverbraucher.
Auch wenn sich mit CSS die Navigation nicht auch noch vom Inhalt der Seite extrahieren läßt, bleibt dennoch der Vorteil durch die Verwendung von CSS bestehen und liegt eindeutig in der leichten Pflegbarkeit des Internet-Auftritts in Bezug auf das Layout. So ist es möglich an zentralen Stellen, entweder im Seitenkopf (Header <head> ... </head>) der WEB-Seite oder sogar in einer externen CSS-Datei alle Formatierungsinformationen zu definieren und letztendlich zu pflegen und zu ändern.
Obwohl durch das W3C (WWW-Konsortium) die Inhalte und Struktur der CSS standardisiert hat, bleibt teilweise die korrekte Umsetzung der Vorgaben im Krieg der Browser auf der Strecke. Ältere Versionen der Browser (Version 3.x und darunter) unterstützen entweder CSS überhaupt nicht oder nur in der Version 1.0. Den Browsern in den Versionen 5 ist nun mittlerweile der CSS-Standard Version 2.0 einverleibt. Die 4er Versionen unterstützen zumindest die Version 1.0 und teilweise 2.0 (MS Internet Explorer). Demnach können die Features von CSS 1.0 uneingeschränkt verwendet werden. Auch wenn ein verwendeter Style von einem Browser nicht interpretiert werden kann, haben Sie keine Sorge, daß Fehlermeldungen ausgegeben werden. Fehlerhafte oder nicht erkannte Style-Anweisungen werden von den Browsers überlesen, da die Styles in Kommentarkennungen eingebettet werden.
Welche Formatierungsaufgaben kann ein Style Sheet übernehmen?
- Schrifttyp, Schriftfarbe, Schriftgröße
- Textauszeichnungen, wie kursiv, fett, unterstrichen oder eine Kombination hiervon
- Textausrichtung, wie rechts- und linksbündig, zentriert und Blocksatz
- Zeilen- und Wortabstand
- Randabstände
- Formatierung von Hyperlinks (Farben / Unterstreichung / Hover)
- Eingabefelder und Navigationsbuttons in Formularen gestalten
- Mauszeiger verändern
- Definition der Eigenschaften Rahmen / Tabellen, wie Stärke der Linien, Anzeige der Linien (nur) an bestimmten Positionen (oben, unten, links, rechts), Hintergrundfarbe, Hintergrundbild)
- Positionierung von Objekten in einer relativen oder absoluten Position.
In den nachfolgenden Abschnitten, wird die Struktur der Style Sheets und deren Verwendung behandelt.
|
