Das große Little Boxes-Buch: Webseiten gestalten mit HTML & CSS. Grundlagen, Navigation, Inhalte, YAML und mehr [Gebundene Ausgabe]

Wer auf der Suche nach einer strukturierten und flüssig geschriebenen Anleitung für das Thema "HTML und CSS" ist, wird in dem neuen "Little Boxes" ein umfangreiches Werk finden, in dem alle relevanten Fragen für die Umsetzung eines Weblayouts beantwortet werden. Es ist eine Art "Missing Manual", in dem Quelltextfragmente in deutscher Sprache ausgezeichnet werden und die wichtigsten Styling-Elemente Platz finden.

Auf knapp 800 Seiten splittet Autor Peter Müller seinen Workflow in zwei Teile: "Die Basis" sowie "Tipps und Tricks für Fortgeschrittene". Dabei ist überaus positiv zu vermerken, dass die jeweiligen Einheiten sowohl mit internen als auch externen Quellenangaben versehen sind, so dass der Leser individuell Themen vertiefen kann, ohne lästigem Nachschlagen ausgesetzt zu sein.

Dem Erscheinungsdatum angemessen behandelt Müller den aktuellen Markup-Standard und schneidet dabei HTML5 und CSS3 an, sofern die Umsetzung sich bereits bewährt hat und sich Neuerungen bereits bei ihrer Browserkompatibilität unter Beweis gestellt haben. So wurden vor einiger Zeit beispielsweise Metatags als Keywords für die Suchmaschinen diskutiert. Heute weiß man, dass man sich diese Arbeit sparen kann, da derlei Elemente von Google & Co. schlicht und ergreifend ignoriert werden. Entsprechend ist ein Trial & Error für den User weitestgehend ausgeschlossen.

Alle, die Little Boxes 1 und 2 bereits kennen, finden hier ein umfangreich aktualisiertes Werk, in dem beide Bände vereint sind. Wer jedoch aufgrund des leicht verwirrenden Etiketts auf dem Einband ("Mit HTML5 und CSS3") eine entsprechend umfassende Referenz erwartet, wird enttäuscht sein.
Als umfangreiches Basis-Training eignet sich das Buch dennoch hervorragend. Schwerpunkte sind unter anderem:

Das HTML-Grundgerüst

Grundbegriffe und Hauptelemente
Textauszeichnungen
Containerstrukturen ohne Tabellen
Navigation auf Listenbasis
Valides HTML schreiben lernen und überprüfen

Gestalten mit CSS

Das Boxmodell verstehen lernen
CSS effektiv einsetzen
Das Vererbungsprinzip
Die wichtigsten Deklarationen und Styling-Elemente
Floats richtig einsetzen
Navigationen mit CSS erstellen
Anpassungen für unterschiedliche Browser
Trancending CSS - für alle Eventualitäten gerüstet sein

YAML

Das CSS-Framework effektiv nutzen und verstehen.

Als IT-Dozent und Autor versteht es Müller, trockenen Stoff mit einer guten Prise Humor und leicht verständlichen Beispielen zu würzen. Zusammenhänge werden schematisch dargestellt und bieten eine visuelle Ebene zur Verdeutlichung an. Wiederkehrende Elemente und eine klare optische Darstellung führen den Leser durch das Buch. Es wird nicht nur vermittelt wie das Prinzip funktioniert, sondern auch warum und welche Vorgehensweise zu typischen Fehlern führen kann.

Die kleinen To-Do-Elemente setzen auf eine aktive Lernmethode, so dass neue Erkenntnisse direkt als Praxisbeispiel getestet werden können und sich Stück für Stück zu einer kompletten Website zusammensetzen. Grundsätzlich zeigt der Autor auf, wie man den Code sinnvoll auskommentiert und seinen eigenen Quelltext entwirrt, um Anpassungen auch später noch schnell und sauber vornehmen zu können. Die dabei angebotene Struktur ist logisch nachvollziehbar und in ihrer Effizienz begründet, so dass sie sich für beinahe jedes Webprojekt eignet und als "Grundmarkup" gespeichert und eingesetzt werden kann.

Sehr dienlich sind auch die Tipps und Tricks rund um Browser-Add-ons oder der Werkzeugkasten, in dem nützliche Tools vorgestellt werden. Von Open Source und kostenlosen Programmen bis zur teuren Profiausstattung ist sowohl für Windows-PC- als auch für Mac-OS-X-User etwas Passendes zu finden. So empfiehlt es sich im Vorfeld die Kapitel über Editoren, Programme und Webhilfen zu lesen, um nach der Installation selbiger effektiv mit dem Buch arbeiten zu können. Die jeweiligen Vor- und Nachteile der Programme werden ausreichend erläutert, so dass eine individuelle Entscheidung umsetzbar ist. Dabei scheut sich der Autor nicht die jeweiligen Einstellungen für die gängigsten Tools einzeln zu erläutern.

Für wen eignet sich das Buch?
Markt + Technik stuft das Buch selbst "für Einsteiger" ein. Das ist unbestritten. Es ist aber ebenso ein hilfreiches Werk für Webdesigner, die eine kompakte und strukturierte Einführung in HTML und CSS benötigen, um die überholte Tabellenschreibweise für ein Layout durch einen moderneren Workflow zu ersetzen, sowie für Nutzer von WordPress, Contao, Joomla, Drupal oder Typo3, um in Content Management Systemen das CSS in den Templates und Themes verstehen und anpassen können. (Rezension von Christiné- Yvonné Elén Hagge)

Ich möchte mich hiermit herzlich bei Herrn Müller bedanken. Selten zuvor habe ich Fachliteratur gelesen, die zugleich so verständlich und unterhaltsam war. Eigentlich noch nie. Durch das Buch ist bei mir inzwischen ein regelrechtes Feuer entfacht, sich eingehend mit Webdesign, HTML, CSS und Co. zu beschäftigen und die Thematik nicht nur auf temporäre Bedürfnisse zu reduzieren. Ohne Little Boxes wäre ich womöglich auch nie auf Contao als CMS gekommen. Nach Joomla, Drupal und Co. fühle ich mich nun im Himmel angekommen, ganz einfach weil der Funke übergesprungen ist.

Ich freue mich schon auf weitere Bücher und kann nur empfehlen, sich das Buch zuzulegen. Ganz gleich ob Einsteiger oder Fortgeschrittener. Jeder kommt hier auf seine Kosten!

...für einen praktischen, umfassenden und vor allem strukturierten Einstieg in (statische) Website-Gestaltung mit HTML und CSS. Dies ist die absolute (und stabile) Basis, die man beherrschen sollte, will man selbst moderne Websites gestalten.

Auch wenn ich selbst kein Einsteiger mehr bin, trifft für mich (Grafikdesigner) doch zu, was der Autor selbst in seinem Vorwort als ein Teil der Zielgruppe beschreibt: Praktiker, die zwar Erfahrung, aber CSS vor allem über Versuch&Irrtum gelernt haben. Am Ende hat man oft etwas, dass zwar funktioniert, aber WARUM ist plötzlich gar nicht mehr so klar...

Hier startet das Buch tatsächlich bei 0 (und ist damit absolut einsteigerfreundlich), kommt aber schon in den ersten Seiten angenehm auf Fahrt und langweilt nicht mit Theorie oder unbrauchbarem Expertenwissen. Von Anfang an setzt der Autor vor allem auf praktische Übungen, leicht verständlichen und lockeren Schreibstil und zeigt wirklich alles an Beispielen. So nutzt man dieses Buch auch am besten von Anfang an direkt am Computer. Benötigte Programme sind allesamt als Freeware erhältlich. Gleichzeitig weist der Autor während den Übungen im Vorbeigehen in die Web-Developer- und Firebug-Plugins ein - zwei sehr mächtige Ergänzungen für Firefox, mit denen wirklich jeder Webdesigner immens Zeit und Arbeit sparen kann.

Im Verlauf des Buches erstellt man in den unzähligen Übungen eine komplette Website in vielen Variationen inkl. dynamischer CSS Navigation. Auch werden nach vielen Lektionen Tools vorgestellt, die das gerade erlernte auch automatisch ausgeben können - was einem in der praktischen Arbeit später erneut viel Zeit sparen kann.

Am Ende des Buches ist man tatsächlich in der Lage eine beliebige Website mit HTML, CSS und einem Texteditor zu erstellen. Allerdings auch nur eine statische Website - Anbindung an Datenbanken, Javascript, PHP und ähnliches werden im Buch ebensowenig behandelt, wie die Erstellung von passenden Grafiken und Bildern. Das war allerdings auch nicht das Ziel. Dafür vermittelt das Buch ziemlich lückenlos die Grundlagen um danach entweder selbst zum PHP, AJAX, MySQL...-Studium überzugehen, oder das Layout von fertigen dynamischen Systemen wie Joomla, TYPO3, Wordpress... zu verstehen, zu meistern und problemlos den eigenen Anforderungen anzupassen.

Speziell für Fortgeschrittene gibt es zusätzlich eine Website auf der bereits vorbereitete Dateien für die Übungen und Beispiele heruntergeladen werden können. So kann man jederzeit direkt bei dem Thema/Übung einsteigen, wo man lernbedarf hat, ohne sich vorher durch eventuell bekanntes arbeiten zu müssen.

Insgesamt kann ich das Buch nur jedem ausdrücklich empfehlen, der HTML und CSS von grundauf verstehen und kompetent benutzen will. Selbst mit fortgeschrittenen Kenntnissen kann man noch einiges lernen und ein stabiles Grundgerüst für weiterführende Studien aufbauen. Volle 5 Sterne und seinen Preis mehr als wert.