Anmerkungen zu CSS
Diese Seite begleitet die Lehrveranstaltungen von Jörg Petri, die sich unter anderem mit Typografie am Bildschirm beschäftigen. Diese Seite richtet sich daher besonders an diejenigen, die sich im Rahmen eines Seminars mit Typografie im wilden WeltWeitWeb beschäftigen wollen. Typografie im Internet ist eine etwas spezielle und unsichere Disziplin. Neuere Technologien bieten Typografen und Screendesigner die Möglichkeit, sicher und browserunabhängig zu gestalten. Es bleibt zu hoffen, dass sich stabile Standards im WildWuchsWeb etablieren. Cascading Style Sheets (CSS) sind eine solche Technologie, die Darstellung und Auszeichnung von Text in HTML steuert, und so eine zentrale Rolle im Screen-Design für WWW spielen.
Diese Seiten zeigen im Kleinen, wie CSS, die HTML-Entsprechung von Stil- oder Formatvorlagen in InDesign, QuarkXPress oder MS Word zur Formattierung von Text verwendet werden können. Zwischen den unterschiedlichen Browsern ergeben sich trotzdem z. T. deutliche Unterschiede in der Text-Darstellung. Insbesondere der Internet Explorer älterer Versionen gebärdet sich widerborstig. Bitte berücksichtigen Sie daher folgende Tips:
- Besorgen Sie sich mehrere Browsertypen, mindestens zwei verschiedene
- Vermeiden Sie in der frühen Gestaltungsphase ältere Versionen des MS Internet Explorer, versuchen sie aber später, diese nicht völlig zu ignorieren.
- Verwenden Sie die aktuelle Version ihres Standard-Browsers, informieren Sie sich über dessen Versions-Geschichte und Darstellungsqualität
- Informieren Sie sich bei der Gestaltung Ihrer Websites rechtzeitig, für welche Browsertypen Sie gestalten, und (das ist wichtig!) welche Sie ignorieren können.
-
Für diese Veranstaltung „zählt“ die Darstellung von Safari ab Version 1
Safari ist auf allen Macs im Raum 005/01 installiert.
Was sind Cascading Style Sheets?
Cascading Style Sheets sind Formattierungsvorlagen für Elemente von HTML-Seiten. Die Darstellung praktisch jeder in HTML verfügbarer Layoutstruktur kann über CSS gesteuert werden, auch Schrift. Mit CSS besteht eine einigermaßen verlässliche Methode, Typo im Web plattformunabhängig zu formattieren und darzustellen. Resourcen, Anleitungen und Referenzen, wie CSS en détail funkionieren finden sie zu Hauf im Internet, die Literaturliste enthält dazu ebenfalls einige Links. Eine einfache Suche in einer Suchmaschine fördert hunderte Seiten zu Tage. Momentan sind CSS die Methode der Wahl, um auch in größeren Internet-Projekten konsistente und anspruchsvolle Web-Typografie zu ermöglichen. Auch wenn das WWW nur eine begrenzte Auswahl an Gestaltungsmitteln anbietet, lassen sich mit CSS ansprechende Webdesigns realisieren.
Das Stylesheet dieser Seiten können Sie hier sehen: jop.css
Valides CSS
Diese Seite ist konform der Richtlinien des W3C kodiert und gestaltet. Eine Validierung der Stylesheets dieser Seite können Sie hier abrufen, das HTML kann hier geprüft werden.
Beispiele
Hier noch ein Beispiel für einfache Textformattierung.
Das Stylesheet dazu hier: beispielstylesheet.css
Ein kurzer Text von Ellen Lupton, mit diesem Stylesheet.
Ein einfaches Beispiel zur Platzierung von Layern, mit Stylesheet.
Und als Arbeitsgrundlage: eine fast leere HTML-Datei.
Links:
Diese Seite entspricht dem XHTML Standard des W3C, die Site verwendet darüber hinaus auch HTML 4.01.