CSS-Design – Die Tutorials für Einsteiger

CSS-Design

Buchvorstellung

Wie es der Name schon sagt, wendet sich das Buch vor allem an Einsteiger, die das Erstellen von Webseiten mit Cascading Style Sheets erlernen möchten aber auch die versierteren Webdesigner und -entwickler dürften mit dem, seit Juni vorliegenden Werk von Heiko Stiegert, ein sehr hilfreiches Werkzeug zur zeitgemäßen Erstellung von Websites mit an die Hand bekommen.

Nach kurzer Einführung geht es gleich ins Eingemachte. Das Praxishandbuch erklärt in 9 Themenschwerpunkten Schritt für Schritt alle wichtigen Anwendungen und wie man standardkonformen und browserunabhängigen CSS-Code schreibt. Das Inhaltsverzeichnis sieht wie folgt aus: Überschriften – Navigationen – Text & Bild – Bildergalerien – Formulare – Tabellen – Hintergrundbilder – CSS Layouts – Specials. Das Ganze sehr übersichtlich angelegt, sinnvoll strukturiert und immer ganz nah am praktischen Nutzen, so dass man direkt am Rechner das angeeignete Wissen ausprobieren kann. Viele Screenshots, in denen Prozessschritte oder das definierte Ziel dargestellt sind, lockern die Seiten nicht nur auf, sondern bieten einem die Gewissheit beim Nachbauen auf der richtigen Spur zu liegen. Vor allem die zwischen den Kapiteln untergebrachten Exkurse vermitteln wunderbar Basiswissen zu Themen wie den Schriftgrößenangaben, dem Anlegen von Druckansichten oder etwa warum es sich lohnt seine CSS-Dateien gut zu strukturieren.

Über den Autor

Heiko Stiegert ist seit 10 Jahren im Bereich der Webentwicklung tätig und betreibt aktiv sein Weblog webstandard.kulando.de, in dem er sich für Webstandards einsetzt. Seit 2007 ist er außerdem »Invited Expert« der Working Group des W3C.

Die Eckdaten

CSS-Design – Die Tutorials für Einsteiger
ISBN: 978-3-8362-1155-0
Kostenpunkt: 39,90 Euro
Verlag: Galileo Press; Auflage: 1 (Juni 2008)
460 Seiten, komplett in Farbe, mit DVD

Verlosung

Ein Exemplar ist für die Leser des Design Tagebuch reserviert und wartet auf einen Abnehmer. Einfach einen Kommentar bis Freitag dem 25.07.2008 22.00 Uhr anheften, der sich mit den folgenden Fragen beschäftigt:

Sollte Deiner Meinung nach eine Website über eine feste oder über eine dynamische Breite verfügen? Welche der beiden Typen erscheint dir moderner?

Der Zufallsgenerator wird dann wieder entscheiden, welcher Kommentar respektive Kommentator den Zuschlag erhält. Wie immer gilt: wer doppelt kommentiert wird komplett gelöscht. Bitte auch wirklich auf die Frage eingehen und nicht einfach „will haben!“ hinterlassen ;-)

Viel Glück!

Wer mag, kann gleich im Anschluss noch bei der Verlosung des Buches „Flash fast forward – Die Workshops für Fortgeschrittene“ im Blog von Heiko Stiegert teilnehmen. Wäre doch gelacht, wenn es nicht gelingt eines der Bücher zu erhaschen.

200 Kommentare zu “CSS-Design – Die Tutorials für Einsteiger

  1. Als Besitzer eines 20″ Widescreen Monitors mag ich es lieber, wenn eine Webseite eine feste Breite hat, da sonst die Textzeilen einfach zu lang werden und es das Lesen erschwert. Bei Wikipedia muss ich zum Bsp. immer mein Fenster verkleinern, damit ich die Texte vernünftig lesen kann.

    So und jetzt her mit dem Buch :D

  2. Ein festes Layout ist leichter zu erstellen als ein dynamisches. Jedoch finde ich die dynamischen Layouts bzw. eine dynamische Breite besser, da mittlerweile auch gerne LCD TVs zum surfen benutzt werden. Sei es über eine Konsole wie die PS3 oder weil ein TV Gerät im Verhältnis günstiger als ein TFT sein kann, es wird immer mehr andere Sichtverhältnisse haben. Früher gab es nur den standard 15 oder 17 Zoll Röhrenmonitor. Da weiß man, was der Besucher sieht. Aber bei der Verwendung von immer mehr neuer Medien (Handy, MP3 Player mit Intrernet Anbindung) werden dynamische Breiten immer wichtiger.

    PS: Ich liebe solche Gewinnspiele :-D

    Gruß
    Damian

  3. Ich bin eher für ein dynamisches Layout in einem definierten Rahmen also mit minimum und maximum Werten. Ich finde, das ist so ein Mittelweg mit dem jeder Leben kann und mag. Die User genauso wie die Webmaster, nur ist das auch nicht immer so leicht zu bewerkstelligen. ^^‘

  4. Ich bin ziemlich der Meinung von Damian (#2). Dynamische Layouts sind wichtig bei der großen Anzahl verschiedener Medien. Außerdem finde ich das auch schicker, als unglaublich viel ungenutzten Platz. Allerdings ist es sehr schwer das für alle Breiten schö umzusetzen. Auf einigen Flashseiten, die automatisch das ganze Fenster einnehmen, finde ich, ist das schon recht oft sehr schön umgesetzt.

  5. An sich finde ich feste Layouts schöner, wobei ich meinen Vorrednern recht geben muss, dass bei immer mehr verschiedenen Ausgabearten dynamische Layouts einen Vorteil haben. Allerdings gucke ich auch gerne noch fern auf meinem iMac 24″ während ich surfe ;-)

  6. Ob ein Layout fixe oder flexible Breite hat, hängt für mich zum Teil davon ab, um was für eine Website es sich handelt. Grundsätzlich bevorzuge ich jedoch eine flexible Breite. Diese Art Layout sehe ich auch als moderner an. Aufgrund der Vielfältigkeit der Ausgabegeräte, halte ich es auch für notwendig sich intensiver mit dieser Art zu beschäftigen. Zu diskutieren bleibt evtl. auch noch, ob die Skalierungsmöglichkeiten moderner Browser einem die Überlegung – ob flexibel oder nicht – abnehmen…

  7. Ich glaube ich bevorzuge die goldene Mitte: Die Inhalte können sich nur bis zu einer bestimmten Maximalbreite strecken, wenn das Browserfenster aber kleiner ausfallen sollte, werden die Textzeile kürzer, beziehungsweise die Elemente brechen nach unten um, ohne das Design erheblich zu stören. Beispiel: http://www.cssbeauty.com

  8. Persönlich tendiere ich ganz klar zu festen Layouts. Mag an meinen Monitoren liegen: iMac 20″ + 22″ Widescreen zum surfen. Ich finde es anstrengend lange Textzeilen zu lesen. Aber das ist meine persönliche Einschätzung.

  9. Meiner Meinung nach sollte die Breite fest und die Höhe dynamisch geregelt werden. So lässt sich der Fluss von Inhalten bei der Erstellung besser kontrollieren. Auf der anderen Seite gibt es mittlerweile ein sehr großes Spektrum an Bildschirmgrößen (13″-30″, 4:3, 16:9 etc) und gerade zu Zeiten der „Nettops“ erscheint eine dynamische Breite moderner. Hier sollte wohl jeder Webdesigner für sein Layout selbst abwägen und ein gesundes Verhältnis zwischen Bildschirmgrößen, Nutzung der Bildfläche und Lesbarkeit wählen.

  10. Ich finde eine Webseite sollte eine feste Breite haben.
    Es stört mich immer wieder, wenn ich mit meinem 24″ auf eine Website mit dynamischer Breite gehe und dann Textzeilen bis ins unendliche hab.
    Aber wie gesagt, jedem das seine.

Antworten auf Dirk Antworten abbrechen

Folgende HTML-Elemente können verwendet werden: <b> <i> <img src="meineurl"> <a> <blockquote>