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. Für mich ist eine feste größe sehr angenehm. Ich stelle mir gerde die designer mit Ihren 22″ Breitbildmonitoren vor. Ich selber betreibe einige Blogs, leider gelingt es mir nicht immer ausführliche Artikel zu schreiben wie hier im dt. Daher werden wohl diese Einträge in meinem Blog als “one-Zeilen-Artikel” auftauchen und langweilig auf den User wirken. Daher ist eine feste Breite für mich erforderlich.

    Zweifels ohne ist allerdings die Dynamische Ansicht die besser, denn es gibt wohl nichts ärgerlicherers als wenn 3/4 des Monitors nur Füllfläche ist.

    So denn!
    Greez

  2. Noch ein Verfechter der fixen Breiten.
    Ich finds nicht nur im Designprozess deutlich einfacher, sondern ingesamt, auch in Sachen Usability (wie hier 1000x erwähnt und ausgeführt).

  3. Ich bin für ein statisches Layout, man kann sich als Grafiker schön austoben im festen Rahmen ohne zu viele Variablen zu haben. Ein schöner Kompromiss sind dynamische Layouts im fest abgesteckten Bereich zwischen Min- und Max-Wert.

    Auch ich hätte gern das Buch ;)

  4. Meiner Meinung nach entscheidet hauptsaechlich die Frage, ob die Webseite auch oft per mobile Medien (Handys, Blackberrys etc.) und / oder auf Bildschirmen mit niedriger Aufloesung aufgerufen werden, ueber die “Flexibilitaet” der Webseite.

  5. hm, ich fand bisher feste Breiten besser, aber die Kommentare hier haben mich zum Nachdenken gebracht. Vielleicht ist der hier so oft erwähnte indiduelle Entscheidungsweg am besten – also von Fall zu Fall zu entscheiden.

  6. Sollte Deiner Meinung nach eine Website über eine feste oder über eine dynamische Breite verfügen?
    > fest Breite!

    Welche der beiden Typen erscheint dir moderner?
    > Modern ist Ansichtssache! Beides ist auf seine Weise modern. Beides hat Vor- uns Nachteile.

    Man sollte je Fall entscheiden was mehr Sinn macht.

  7. Meiner Meinung nach kann man das nicht pauschalisieren. Es kommt auf das Layout bzw. auf den Verwendungszweck an. Dennoch finde ich flexible Layouts toll – sie sollten aber nur in einem bestimmten Rahmen flexibel sein, ansonsten wirds unschön, bzw unmöglich zu lesen.

    Und jetzt her mit dem Buch :)

  8. Ich persönlich finde feststehende Inhalte erheblich besser – bis jetzt habe ich nur schlechte Erfahrung mit fließenden Inhalten gemacht. Irgendwie verruscht es doch immer und der Inhalt wird unlesbar etc. …

  9. Ich kann mich nicht entscheiden beide Seiten haben wohl ihre Vor- und Nachteile.
    Würde gerne beides mal austesten aber dafür bräuchte ich wohl das Buch!

  10. Dynamisch ist besser. Man sollte bloß die Textspalten bis zu einer maximalen Breite begrenzen um noch eine gute Lesbarkeit zu gewährleisten.

  11. Ich persönlich bin ein großer Freund von flexiblen und dynamischen Websites. Aber gelegentlich ist es einfach nicht umsetzbar, wenn man mit verschiedenen Ebenen arbeitet um verschiedene Elemente über die verschiedenen Seitenbereiche “fließen” zu lassen. Nicht das flexible Sites deswegen hässlich sind, aber manche Sachen lassen sich einfach nur mit fixen Größen anstellen. Für mich ist es absolut Ermessenssache, wann welche Variante eingesetzt wird.

  12. Hallo,
    ich persönlich bevorzuge beim Erstellen Webseiten mit einer fixen Breite, allerdings liegt das aktuell eher daran, dass ich so weniger Probleme habe.

    Bei der Nutzung finde ich variable Breiten durchaus nett, sofern man eben nicht gerade an einem utlra breiten Monitor sitzt.
    Die beste Lösung ist für mich die Nutzung von “max-width”, was ja leider nicht flächendeckend einsetzbar ist. Aber ich find es klasse, wenn eine Seite bis zu einem gewissen Punkt “variabel” ist.

    Ich persönlich habe so etwas noch nie umgesetzt, wäre aber sicherlich mal ein interessantes Versuchsobjekt. :)

  13. Also ich bevorzuge das fixe Layout. Für besonders große Auflösungen mag ich es, wenn man den überflüssigen Rand mit einem interessanten Hintergrund aufwertet (wenn’s optisch passt und nicht zu sehr ablenkt).

  14. Ein fixes Layout hat für den Gestalter einer Seite mit sicherheit viele Vorteile, doch muss man auch den verschiedenen Darstellungsmedien Rechnung tragen. Vorallem Widescreen-Besitzern oder mobilen Surfern sollte man da entgegenkommen.
    Aber wie immer heisst es: man kann’s nicht allen Recht machen.

  15. bin auch eher für das fixe layout. allein programmiertechnisch ist das für mein können angebrachter:-)
    allerdings sind variable layouts auch sehr schick.

  16. eine fixe breite ist schon okay.
    ich mag es, wenn ein design so ausgelegt ist, dass es aussieht, wie es aussehen soll, dazu gehört für mich das verhältnis von höhe zu breite. hier bedankt sich auch der besitzer eines widescreen-monitors.

  17. Ich hab auch nichts gegen fest feste Breiten, gerade bei meinem recht großen Monitor sind flexible Layouts manchmal eher störend, weil ich meistens auf Vollbild surfe.

Kommentar verfassen

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