Dienstag, 16. Oktober 2007
Cascading Stylesheets (CSS)
Andrea.Moessbichler.Uni-Linz, Thema: Interaktive Medien
1. Was sind Cascading Stylesheets?
2. Wozu und wie werden CSS verwendet?
3. Entwicklung
4. Kritik
5. Mein Resümee
6. Quellen
1. WAS sind Cascading Stylesheets?
Cascading Stylesheets sind eine Sprache zur Definition von Formateigenschaften einzelner Elemente oder einfach gesagt, ein Mechanismus, um einen Stil (zB Farben, Schriftarten) einem Web-Dokument zuzuordnen. Diese Sprache wird vor allem im Zusammenhang mit HTML und XML eingesetzt. CSS wird wie auch HTML vom World Wide Web-Konsortium (W3C) normiert (mehr unter http://www.w3.org/ oder deutsch: http://www.w3c.de/).
2. WOZU und WIE werden sie verwendet?
Stylesheets beinhalten Informationen über die Formatierung von Überschriften, Listen, Links, normalem Text, Absätzen, Hintergrund, Tabellen etc.. CSS-Formate können entweder
- im head-Element einer Datei oder
- in einer separaten Textdatei, die mit den HTML/XML-Dateien verbunden wird,
definiert werden (mehr Infos dazu auf http://de.selfhtml.org/css/formate/einbinden.htm).
Durch ein CSS als separate Datei können Formate einmal festgelegt und dann auf alle mit dem Stylesheet verknüpften Seiten angewendet werden. Mit CSS ist es leicht möglich, unterschiedliche Darstellungen für unterschiedliche Ausgabemedien (zB Papier, Projektion) festzulegen.
CSS-Formate bestehen aus einer oder mehreren Eigenschaften und Wertzuweisungen an diese Eigenschaften
( Selektor { Eigenschaft: Wert; } ). Mehr zur praktischen Verwendung und zu den einzelnen Elementen der Cascading Stylesheets finden Sie beispielsweise im Buch "Web komplett" von Jens Gallenbacher (S. 195-214 und S. 579-596). Im WWW gibt es auf http://de.selfhtml.org/css/eigenschaften/index.htm unzählige Elemente für CSS. Hier habe ich noch ein paar Beispielelemente eines CSS (erstellt in GoLive):
Um die Frage nach dem "wozu" zu klären finden sich einige Vorteile von CSS unter http://www.html-seminar.de/style-sheet.htm
und http://page.mi.fu-berlin.de/mbudde/css_kurs/vorteile.html.
nach oben
3. Welche ENTWICKLUNGEN gibt es?
Es gibt bei CSS verschiedene Sprachversionen. Bereits im Jahr 1996 gab es die Version 1.0 von CSS, mittlerweile wird an den Versionen 2.1 und 3.0 parallel gearbeitet. Es gibt mehrere Sprachen zum Definieren von Stylesheets, CSS ist nur eine davon. Neben CSS gibt es auch noch DSSSL und XSL sowie nicht-standardisierte Stylesheets (mehr Infos unter http://en.wikipedia.org/wiki/List_of_stylesheet_languages).
nach oben
4. KRITIK?
Cascading Stylesheets haben jedoch auch Nachteile wie Komplexität, Mangel an Variablen oder unterschiedliche Browserunterstützung (mehr Kritikpunkte unter http://en.wikipedia.org/wiki/Cascading_Style_Sheets unten!).
nach oben
5. MEIN RESÜMEE!
Cascading Stylesheets erleichtern meiner Meinung nach die Arbeit beim Web-Design und unterstützen die professionelle Gestaltung von Websites. Anfangs hatte ich Schwierigkeiten mit den verschiedenen Elementen, mit denen man erst vertraut werden muss, aber mittlerweile verwende ich CSS sehr oft und gerne. Der Vorteil ist, dass man Veränderungen im Bezug auf Formatierungen auf Websites unter minimalem Zeitaufwand durchführen kann, die hunderte Webseiten in ihrem Erscheinungsbild verändern!
nach oben
6. Quellen
Gallenbacher, J. (1998). Web komplett. Programmieren und Publizieren im Internet. Vaterstetten: C&L Computer und Literaturverlag. ISBN: 3-932311-49-3.
SELFHTML: http://de.selfhtml.org/css/intro.htm und http://de.selfhtml.org/css/formate/einbinden.htm
WIKIPEDIA: http://de.wikipedia.org/wiki/Cascading_Style_Sheets und http://en.wikipedia.org/wiki/List_of_stylesheet_languages
World-Wide-Web-Konsortium: http://www.w3.org/ und http://www.w3c.de/
http://www.html-seminar.de/style-sheet.htm
http://page.mi.fu-berlin.de/mbudde/css_kurs/vorteile.html
nach oben
... Link auf diesen Beitrag ... Kommentar
Veronika.Kellermeir.Uni-Linz, Sonntag, 4. November 2007, 17:48
Hallo!
Ich finde du hast das Thema CSS sehr gut umrissen. Wie du ja schon in meinem Weblog lesen konntest, kann ich deine Kritik zur Verwendung von CSS durchaus teilen.
Sehr interessant finde ich auch die Beispiel-Styles! Sind diese voreingestellt?! Gut zu wissen!! :-) Hab bis jetzt immer nur meine eigenen definiert. Geht also auch noch schneller!!
lg Veronika
... link
Andrea.Moessbichler.Uni-Linz, Sonntag, 4. November 2007, 18:10
Hallo Veronika,
habe eine CSS-Vorlage mit den Beispiel-Styles, die ich für eine neue Homepage einfach ändere. Geht wirklich schneller! Es gibt ja unzählige verschiedene Styles, wenn du was Neues ausprobieren willst, findest du unzählige Elemente unter http://de.selfhtml.org/css/eigenschaften/index.htm. Lg
... link
... comment
Christine.Hermann.Uni-Linz, Sonntag, 4. November 2007, 23:05
Hallo Andrea!
Hab mir gerade deinen gut strukturierten Beitrag durchgelesen. Du hast auf www.html-seminar.de verwiesen in Bezug auf die Frage Wozu bzw. Vorteile von CSS. Ich hab auf dieser Seite die Übersicht über CSS-Befehle sehr übersichtlich gefunden. Wobei überblicksmäßig hab ich die ganze Website als sehr gut empfunden.
lg Christine
... link
Andrea.Moessbichler.Uni-Linz, Montag, 5. November 2007, 17:30
Hallo Christine, du hast Recht, diese Website enthält noch sehr viele andere gute Informationen zu CSS! Ich wollte hier speziell die dargestellten Vorteile hervorheben, aber danke für den Hinweis!
Lg Andrea
... link
... comment
Elisabeth.Bramer.Uni-Linz, Montag, 5. November 2007, 12:02
CSS
Hallo Andrea,
hab mir gerade deinen Beitrag zu CSS durchgelesen. Die Webseite "Vorteile und Grenzen von CSS" finde ich noch einmal sehr aufschlussreich. Hinsichtlich deines Resümees bin ich deiner Meinung.
LG
Elisabeth
... link
... comment
Georg.Pollhammer.Uni-Linz, Mittwoch, 7. November 2007, 12:52
Hallo Andrea!
Ich danke dir recht herzlich für dein Kommentar bzw. deine Info bez. deinem Weblog! Ist dir sehr gelungen und ich bin mit deinem Resümee einer Meinung!
lg Georg
... link
... comment
