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.
Ich denke das es immer auf den Verwendungszweck ankommt. Bei Informationsportalen wie beispielsweise Wikipedia finde ich ein flexibles Layout sinnvoller, da man hier soviel Informationen wie möglich unterbringen will.
Bei einer Designseite z.B eigenes Portfolio liegt der Fokus eher auf dem Design -> Hier ist man mit einer fixen Breite freier in der Gestaltung und hat weniger Einschränkungen.
Ein Kompromiss zwischen beiden Möglichkeit wäre der Einsatz von min- und max Werten.
Grüße
Jules
Ich stelle mir im Moment ein Layout am praktischsten vor, das ein festes Maximum besitzt, jedoch je nach Fenster kleiner zu machen geht. Natürlich nur solange, wie der Inhalt noch ertragbar ist.
bye,
viel Glück!
Von dem Buch fühle ich mich angesprochen. Als CSS Einsteiger hab ich bisher versucht mir einfach alles online beizubringen, aber vielleicht schafft so ein schönes Büchle etwas mehr Motivation. :)
Solange es gefällt ist natürlich beides erlaubt.
Dynamisches Layout ist in einem gewissen Maße auch erforderlich – z.B. zusätzliche CSS für Print und Mobile Geräte.
ich würde, wenn ich ne website kreieren würde auch die feste breite wählen. es gibt so viele verschiedene monitorgrössen und auflösungen – also fast unmöglich alle fehler die bei der darstellung mit flexibler spaltenbreite aufkommen, ausmerzen zu können.
…ausserdem empfinde ich es als lästig, wenn der text über den ganzen widescreenmonitor von links nach rechts gelesen werden muss.
dynamisch ist moderner
Ich bevorzuge feste Breiten. Die verschiedenen Monitorgrößen im Blick kann man versuchen die Breite und Proportionen so anzupassen, dass die Webseite auf nahezu allen Bildschirmen gut aussieht und user-freundlich ist. Ich denke modern oder unmodern ist hier kein Maßstab.
> Sollte Deiner Meinung nach eine Website über eine feste oder über eine dynamische
> Breite verfügen? Welche der beiden Typen erscheint dir moderner?
Im Rahmen meiner Diplomarbeit habe ich mich 2006 mit solchen und ähnlichen Fragen beschäftigt.
Bereits da kam ich zu dem Entschluss, dass eine feste Breite sinnvoller ist. Einerseits weil steigende Monitorgrößen nicht zwangsläufig bedeuten, dass Browserfenster maximiert benutzt werden und demzufolge von der Breite profitieren können. Auch nehmen Sidebars im Browser immer mehr zur Verfügung stehenden Platz weg. Andererseits auch, weil das menschliche Auge Texte besser erfassen kann, wenn sie eine bestimmte Maximalbreite haben.
Der festen Breite entgegenstellen kann man jedoch den Nachteil, dass höhere Auflösungen zu immer kleineren Schriftarten und immer schmaleren Webseiten führen. Schaut euch doch allein mal die Spiegel Online Seite mit einem Widescreen und einer Auflösung von mindestens 1.600px in der Breite an. Die Seite klebt förmlich am linken Browserrand und 2/3 Weiss blenden uns aus dem Browser entgegen.
Eine sinnvolle Kombination aus Festbreite und dynamischer Breite könnte ich mir jedoch dennoch vorstellen, nämlich dann, wenn spaltenweise gearbeitet wird und neben feste 800px solange nochmal 800px Spalten gesetzt werden, wie eben Platz zur Verfügung ist.
Die Frage, welche der beiden Formen “moderner” ist, stellt sich mir garnicht. Wichtig ist, dass der Text lesbar bleibt. Und nichts finde ich schlimmer, als jene pseudomodernen Flashseiten, wo sämtlicher Content auf 200x400px gequetscht wird.
Ich würde immer gerne ein wenig Variabilität einbringen, aber solange manche Browser ja min-width und max-width nicht verstehen muß man wohl mit einer festen Breite arbeiten
Ganz klares JA zu festen Breiten!