Teil 1 ist am 16. Februar 2007 erschienen, hat das Standardformat 16,8 x 24 cm, einen Umfang von 325 Seiten und kostet €19,95.

Dieser erste Teil der “Little Boxes-Reihe” besteht aus fünf verschiedenen Abschnitten:

• Teil 1: Das Web ist nicht aus Papier
• Teil 2: HTML - Kisten erstellen
• Teil 3: CSS-Grundlagen - Kisten gestalten
• Teil 4: CSS-Layout - Kisten verschieben
• Teil 5: Wichtige Werkzeuge

Die meisten Änderungen drehen sich ums Layouten in Teil 4: War “Little Boxes” in der BoD-Ausgabe vom Mai 2006 eine sehr gute CSS-Einführung (Teil 2 und 3) mit ein bisschen Layout hinten dran, so ist der Abschnitt zum Layout (Teil 4) jetzt genauso ausführlich (und ich denke auch genauso gut).

Teil 1 und 2: Einführung und HTML

In den ersten drei Kapiteln geht es darum, dass das Web nicht aus Papier ist, und was genau eigentlich HTML ist. Am Ende von Kapitel 3 ist der komplette HTML-Quelltext der beiden Beispielseiten abgedruckt, um den Vergleich mit den selbst erstellen Dateien zu erleichtern.

Teil 3: CSS - Kisten gestalten

In den ersten Kapiteln von Teil 3 geht es um das Kennen lernen von CSS, Selektoren, Spezifität und vieles andere mehr. Am Ende von Kapitel 4 und 6 in “Das Stylesheet im überblick” jeweils der CSS-Quelltext abgedruckt, um den Vergleich mit den selbst geschriebenen Styles zu erleichtern.

In Kapitel 7 geht es um die “Ordnung halten im Stylesheet”. In den Seminaren habe ich festgestellt, dass die Teilnehmer mit zunehmender Länge des Stylesheets ebenso zunehmende Probleme mit der übersicht bekamen. So wird hier das bis dahin geschriebene Stylesheet aufgeräumt und dadurch sehr viel übersichtlicher. It really helps.

Die Erstellung der horizontalen Navigation folgt in Kapitel 8. Danach wird in Kapitel 9 die Erzeugung einer CSS-Druckversion beschrieben. Zum Abschluss gibt es ein funktionierendes Kontaktformular.

Teil 3 endet mit dem Kapitel 10 über die “Kaskade, Vererbung und Standardwert”.

Teil 4: CSS - Kisten verschieben

Nach der Einführung über “Flow und Positionierung” werden float und clear in einem eigenen Kapitel behandelt (Kapitel 12). Zur Verdeutlichung der Probleme beim Umschließen von Floats (”Containing floats”) wird als Beispiel eine kleine Galerie erstellt. Besonderer Wert wird dabei auf die Rolle von clear gelegt. Gängige Methoden zum Clearen / Umschließen von Floats werden ausführlich erklärt und am Ende des Kapitels wird die Galerie in die Beispielsite eingebaut, sodass diese dann aus drei Seiten besteht.

Mehrspaltige Layouts mit absoluter Positionierung werden in einem eigenen Kapitel (mit der laufenden Nr. 13) behandelt, bevor in Kapitel 14 ausführlich auf “Mehrspaltige Layouts” mit float eingegangen wird. Zuerst wird die Beispielsite mit der “float/margin”-Methode in ein zwei- und dreispaltiges Layout geändert, danach passiert dasselbe mit einer alternativen Methode, nämlich “entgegengesetzten Floats”.

Teil 4 endet mit kurzen Ausflügen zu flexiblen Layouts (Kap. 15) und Patches (Kap. 16), in dem unter anderem der Sternchen-Hack und das unglaubliche hasLayout-Konzept des Internet Explorer ausführlich erklärt werden.

Teil 5: Wichtige Werkzeuge

Neben einem Hinweis auf die Installation von mehreren Versionen des Internet Explorer werden in Kapitel 17 wichtige Firefox Add-Ons wie View Source Chart und “Firebug” vorgestellt und es gibt ein paar Tipps zu Tools im Umgang mit Farben und Farbschemata.

TopStyle Lite ist nach einer kurzen Abwesenheit wieder offiziell downloadbar, und “Little Boxes” enthält jetzt ein kurzes Tutorial zu diesem einfachen, aber nützlichen CSS-Editor. Das Buch endet mit einigen Link- und Literaturtipps.

Fazit

Sie können sich einige Leseproben downloaden:

• Inhaltsverzeichnis (10 Seiten, PDF, 612 Kb)
• Kapitel 04: CSS kennen lernen (22 Seiten, PDF, 1,5 Mb)