Grundlagen von CSS

Mit den Style Sheets ist es möglich, Eigenschaften eines Formats zu bestimmen. Sehr hilfreich sind eben diese Gestaltungsformen bei der Erstellung einer Homepage, da die Webseite Speicherplatz sparen (siehe Vorteile) gestaltet werden kann. Auch für die Gestaltung von Layouts oder Typografien erweisen sich die CSS als sehr hilfreich. Im Grunde kann man sagen, dass die CSS die Aufgabe, welche die Formatvorlagen in einem Word-Dokument haben, übernehmen. Mit den Style Sheets kann man alles bearbeiten, was die Formatierung von Texten auf Webseiten betrifft. So können beispielsweise Überschriften oder der Hintergrund festgelegt werden, was noch zu den einfachsten Schritten zu zählen ist. (vgl. (X)HTML & XML, 2000, S. 309ff.)

Vorteile der CSS

- Formatierungen bzw. gesamtes Layout einer Internetseite können in einer einzigen Datei zusammengefasst werden (URL: http://css.fractatulum.net/warum_css.htm)

- CSS können auch übergreifend auf anderen Webseiten verwendet werden

- mit den CSS kann sehr viel Speicherplatz gespart werden, da nicht bei jeder HTML-Datei die jeweiligen Formatierungen extra geladen werden müssen

- CSS sind einfach zu erlernen, da keine Programmierung durchzuführen ist

- auch wenn die CSS Fehler aufweisen, wird der Browser des Lesers nicht zum Stillstand gebracht (vgl. (X)HTML & XML, 2000, S. 313f.)

- mittels CSS können Formate für unterschiedliche Ausgabemedien (Drucker, Projektor, PDA,...) vordefiniert werden, die der User dann mittels Styleswitcher selbstständig auswählen kann (URL: http://css.fractatulum.net/warum_css.htm)

Probleme mit CSS

- mit unterschiedlichen Browsern können Probleme dahingehend auftreten, dass die CSS zwar erkannt, aber von Browser zu Browser unterschiedlich dargestellt werden bzw. es auch zu Fehldarstellungen kommt

- es kann weiters vorkommen, dass die CSS vom Browser gar nicht erst erkannt und daher nicht dargestellt werden (URL: http://css.fractatulum.net/browser.htm)

Eigene Erfahrung mit CSS

Da ich bei der Erstellung meiner Homepage mit den CSS gearbeitet habe, kann ich ein positives Urteil darüber abgeben. Ich habe jedoch nur die grundlegenden Befehle für die Gestlatung meiner Homepage verwendet. Mit der Funktion "body" kann man die Hintergrundfarbe festlegen oder mit "p" die Absätze gestalten. Mit dem Befehl "h3" habe ich meine Überschriften formatiert, wobei dies nur einige einfache Beispiele sind. Im Großen und Ganzen kann ich aus eigener Erfahrung berichten, dass diese Art von Gestaltungsformen sehr hilfreich und effizient für die Erstellung einer Webseite sind.

Literaturquellen

Becker-Richter, M. (2003). Webdesign, Düsseldorf: DATA BECKER.
Münz, S./Nefzger, W. (1997). HTML Handbuch, Feldkirchen: Franzis-Verlag.
Harms, F./Koch, D./Kürten, O. (2000). (X)HTML & XML, Düsseldorf: DATA BECKER.
http://css.fractatulum.net/index.htm

Ich hab mit deinen Beitrag zum Thema CSS angeschaut und finde vorallem deinen Link http://css.fractatulum.net/warum_css.htm sehr interessant und hilfreich.

Ich habe auch zum selben Thema gearbeitet.

Schau doch einmal auf meinem Weblog vorbei!

Hallo Elisabeth!
Hab gerade deinen Beitrag zu CSS gelesen und mir auch den Link angeschaut. Finde diesen sehr interessant und auch hilfreich. Wie ich aber immer wieder feststellen konnte muss man die Beschreibungen wirklich selber ausprobieren um zu sehen wie die Tags wirken. Hab auch noch einen Link zu diesem Thema gefunden.
Vielleicht schaust auch du einmal auf meinen Weblog, hab dort einen Beitrag zum W3C verfasst.
lg Christine

Hallo Elisabeth!
Hab mich gerade in deinem Weblog über CSS informiert. Ich habe ja auch über das selbe Thema geschrieben. Im großen und ganzen bin ich auch zu den selben Schlüssen gekommen, wie du.
Bei den Vorteilen möchte ich aber auch noch etwas hinzufügen: Ein riesiger Vorteil von CSS ist natürlich, wenn man bestimmte Elemente ändern möchte, muss man nicht mehr alles einzeln machen. Es reicht nur das Style Sheet zu verändern und automatisch übernehmen die anderen Seiten die Veränderung.

Hallo Elisabeth,
finde die Homepage http://css.fractatulum.net/index.htm auch sehr gut.
Hätte noch weitere Nachteile wie zu wenige Elemente Komplexität und Probleme beim fortgeschrittenen Webdesign (bei Grafiken, Schriftarten...) anzubieten (mehr unter http://en.wikipedia.org/wiki/Cascading_Style_Sheets (unten). Hab mich auch mit CSS beschäftigt, weitere Infos findest du auf meinem WEBLOG.
Lg Andrea

Du hast in deinem Log Probleme bezüglich der unterschiedlichen Darstellung in verschiedenen Webbrowsern geschrieben. --> Genau dieses Problem hatte ich. Komischer weise mit einem Hintergrundbild das bei Firefox und Internet Explorer komplett anders angezeigt wurde deshalb hab ich dann ein anderes verwendet!

Mfg Viktor