Little Boxes, Teil 2. Webseiten gestalten mit CSS. Navigation, Inhalte, YAML & mehr. [Taschenbuch]

Den ersten Teil der Reihe "Little Boxes" hab ich über die Feiertage gar verschlungen, und bei Teil 2 bin ich auch schon fast durch. Es schliesst direkt an das erste Buch an und beginnt mit einigen Optimierungen im Code, durch die vor allem das CSS enorm an Struktur gewinnt. Dann folgt viel Feinarbeit und es wird auf nette Features wie runde Ecken und Schiebetüren eingegangen. Sehr gut finde ich, dass es immer wieder gute Hinweise auf weiterführende Artikel oder Gratis Tools im Web gibt. Schliesslich endet das Buch mit einem kurzen, aber verständlichen Überblick in die Arbeitsweise von YAML.

Dieser Teil 2 ist zwar auch für sich ein verständliches Buch, aber definitiv nicht mehr für den kompletten Laien geeignet. Ich würde beide Bücher nur im Kombipack empfehlen und wenn dann wirklich noch Fragen auftauchen sollten, dann gibt es genug Hinweise auf weiterführende Literatur. Ausserdem habe ich feststellen können, dass Herr Müller sehr dankbar für Anregungen und Wünsche betreffs eines Teil 3 ist.

Wer aus Little Boxes Teil 1 die grundlegenden Dinge über das Erstellen von Webseiten gelernt hat, kann hier gleich weitermachen und wird nicht enttäuscht. Auf Teil 1 aufbauend enthält Teil 2 wesentlich tiefer gehende Informationen und Anleitungen, die aber wieder so anschaulich präsentiert werden, dass man sie gut nachvollziehen kann. Für jedes Kapitel gibt es auf der beiliegenden CD einen Ordner mit Beispieldateien, einmal unfertig zum Üben (jeder im Buch beschriebene Entwicklungsschritt kann also selbst ausgeführt werden) und einmal als fertige Dateien, die zeigen, wie die Beispiele am Ende eines jeden Kapitels aussehen sollen.

Das Buch behandelt ein sehr breites Spektrum von Fragen rund um das Erstellen von Webseiten, wie es im 21. Jahrhundert möglich ist und realisiert werden sollte - d.h.: semantisch korrekt aufgebaut, standardkonform und entschlackt von überflüssigen Codeschnipseln - angefangen bei so einfachen aber wichtigen Fragen wie: Wie organisiere ich meine StyleSheets? bis hin zu einer Einführung in das doch schon etwas kompliziertere Framework YAML von Dirk Jesse.

Das Thema Box-Modell wird noch einmal aufgegriffen und dabei grundlegend geklärt, welche Arten von Block- und Inline-Elementen es gibt und wie (unterschiedlich) sie sich im Hinblick auf die Formatierung verhalten.

Es werden horizontale und vertikale Navigationen mit und ohne float, mit und ohne dropdown vorgestellt, wie sie sich in modernen Browsern ohne Einsatz von Javascript ganz einfach mit CSS-Anweisungen realisieren lassen - "ganz einfach" das könnte als Fazit am Ende des Buches stehen, denn Peter Müller gelingt es, wie schon im 1. Band, auch komplizierte Sachverhalte ausgehend von einer für jeden verständlichen Basis Schritt für Schritt zu erklären. Die Übungsdateien sind ausgezeichnet vorbereitet, da steckt viel Arbeit drin. Zum Kapitel über Navigationen, das allein über 100 Seiten umfasst und für mich das interessanteste dieses Buches war, gehört noch das Erstellen einer Navigation mit "runden Ecken" à la Sliding Doors.

Das folgende große Kapitel beschäftigt sich mit der Gestaltung des Inhalts einer Webseite: was muss z. B. im Hinblick auf die Lesbarkeit von Fließtext beachtet werden, wie können Zitate ansprechend hervorgehoben und Bilder beschriftet werden? Verschiedene Einsatzmöglichkeiten von Listen und Definitionslisten werden ausprobiert und skalierbare Boxen mit "runden Ecken" gestaltet - wer schon "Bulletproof Webdesign" von Dan Cederholm gelesen hat, in dem es unter anderem um "kugelsichere" (skalierbare) Boxen geht, ist dem Thema schon ein bisschen voraus, aber eine Auffrischung kann nie schaden.

Schließlich gibt es noch Informationen zur Auszeichnung und Gestaltung von Tabellen und Formularen, bevor Peter Müller sich auf den nächsten ca.80 Seiten den Vor- und Nachteilen eines CSS-Frameworks und der Vorstellung von YAML widmet. Da ich YAML schon kenne, habe ich diesen Teil des Buches nur überflogen, aber auch hier scheint es mir so zu sein, dass sehr schön von Grund auf erklärt wird, wie YAML überhaupt funktioniert.

Der Lerneffekt dieses Buches ist sehr groß, da man, wie schon in Teil 1, nicht nur etwas Fertiges vorgesetzt bekommt, sondern selbst die Dateien bearbeiten und dann die Ergebnisse anschauen kann. Mir hätte es gefallen, noch ein paar "Aufgaben" am Ende jedes Kapitels zu finden, die man mit dem eigenen Kopf und dem bisher Gelesenen/Gelernten lösen kann.

Das Video-Training, dass es seit einiger Zeit schon gibt zur Ausgabe von Little Boxes Teil 1 kenne ich zwar nicht, aber das Beispiel auf der Buch-CD über "Kaskade, Vererbung und Standardwert" ist erstklassig - ich glaube, das ist Lernen im 21. Jahrhundert :)

[Übrigens: Php-Anwendungen, wie oben in der Beschreibung behauptet, finden sich nicht in diesem Buch, wie der Autor selbst auch schon richtiggestellt hat, ich glaube auf little-boxes.de im Weblog. Und mein Exemplar des Buches hat gute 390 Seiten, und nicht 250, wie hier angegeben :)]

Da ich von dem ersten Teil der "little boxes"-Reihe begeistert war, habe ich mir auch direkt den Nachfolger bestellt.
Leider ist dieser dem Autor nicht ganz so gelungen. Die Webseite aus Teil 1, an der die Grundzüge von CSS erklärt wurden, wird weitergebastelt. Im Gegensatz zum ersten Teil verzichtet der Autor leider größtenteils auf (allgemeine) Erklärungen und begnügt sich damit, den Code für die Seite aufzuschreiben. Das bringt einem wenig, wenn man das Buch nicht von der ersten bis zur letzten Seite durchliest und mitarbeitet, sondern nur Kapitelweise etwas nachschlagen will. Das Wissen, das vermittelt wird, ist einfach zu speziell auf die zu bastelnde Webseite zugeschnitten. Aufgrund der fehlenden, allgemeinen Erklärungen, wie die einzelnen Befehle und ihre Attribute funktionieren, ist es schwer, sie auf eigene Projekte anzuwenden. Besonders schlecht ist das Kapitel über Navigation. Ich hab über eine halbe Stunde über den Seiten gebrütet und nicht verstanden, wie eine ausklappbare Navigation funktioniert. Im Internet habe ich dazu ein Tutorial gefunden, mit dem ich das innerhalb weniger Minuten begriffen habe.
Fazit: Der Autor beschreibt zu nah am Beispiel der "little boxes"-Seite. Allgemeine, weiterführende Erläuterungen fehlen leider komplett.