Little Boxes Teil 1 online lesen

Im Mai 2006 erschien ein kleines Büchlein mit dem Namen "Little Boxes". Inzwischen ist dieser Crashkurs zu HTML und CSS das meistgekaufte Einsteigerbuch zu dem Thema und aus dem kleinen Büchlein wurde eine Reihe mit drei Büchern und zwei Videotrainings.

Und jetzt können Sie "Little Boxes Teil 1" kostenlos online lesen. Zum kurz mal reinschnuppern, schnell mal was nachschlagen oder auch komplett durcharbeiten. Aber natürlich freue ich mich, wenn Sie trotzdem ein Buch oder Videotraining kaufen, denn außer Arbeit, Kosten und nettem Feedback der Leser habe ich als Autor von dieser Site nicht viel.

• I: Die Einleitung
  • Kapitel 1: Das Web ist nicht aus Papier
• II: HTML-Grundlagen - Kästchen erstellen
  • Kapitel 2: So funktioniert HTML
  • Kapitel 3: Die wichtigsten HTML-Elemente (1)
  • Kapitel 4: Die wichtigsten HTML-Elemente (2)
• III. CSS-Grundlagen - Kästchen gestalten
  • Kapitel 5: Schriften, Farben und Hyperlinks
  • Kapitel 6: Selektoren, Einheiten und Farben"
  • Kapitel 7: Abstände gestalten mit dem Box-Modell
  • Kapitel 8: Ordnung halten im Stylesheet
  • Kapitel 9: Horizontale Navigation und Kontaktformular
  • Kapitel 10: Skip-Links, Druckversion und Tabellen
  • Kapitel 11: CSS und der Browser: Kaskade, Vererbung oder Standardwert
• IV: CSS-Positionierung - Kästchen verschieben
  • Kapitel 12: Der Flow und Positionieren mit position
  • Kapitel 13: Positionieren mit float: schwebende Boxen
  • Kapitel 14: Containing floats: gefloatete Elemente umschließen
• V: CSS - mehrspaltige Layouts
  • Kapitel 15: Mehrspaltige Layouts mit position:absolute
  • Kapitel 16: Floatbasierte Layouts mit fester Breite
  • Kapitel 17: Floatbasierte Layouts mit flexibler Breite
  • Kapitel 18: Fertige Layoutvorlagen
  • Kapitel 19: Patchwork: Flicken im CSS
• VI: Nützliche Werkzeuge
  • Kapitel 20: Programme, Sites und Bücher zu CSS

Für Einsteiger, Bastler und Fortgeschrittene

• Als CSS-Einsteiger sollten Sie die Beispieldateien downloaden und das Buch in Ihrem eigenen Tempo am besten von vorne nach hinten durcharbeiten. Sie erstellen dabei Schritt für Schritt eine kleine Website mit funktionierendem Kontaktformular.

• Für CSS-Bastler und Quereinsteiger, die nie eine fundierte Einführung hatten, sind die folgenden Themen für den Alltag besonders wichtig:

  • Die HTML-Grundlagen: Alles nur Rechtecke (zumindest mal überfliegen)  
  • Selektoren und Spezifität: Die gewünschten HTML-Elemente auswählen
  • Das Box-Modell: padding, border, margin und wozu sie da sind
  • Grundlagen der Positionierung: position:absolute, float und Co.
  • Containing Floats: Das Hauptproblem beim Layouten mit Float

  Wenn Sie mit diesen Themen nichts anfangen können, sollten Sie vielleicht doch besser von vorne anfangen ;-)

• Als fortgeschrittene Bastler können Sie mithilfe der Navigation und der Suche hin- und herspringen und die Themen durcharbeiten, die Ihnen noch Schwierigkeiten bereiten. Am interessantesten sind dabei wahrscheinlich:

  • Die Kaskade (Übersichtsgrafik)
  • Die Grundlagen der Positionierung mit position
  • Positionierung mit float, insbesondere das Clearen von floats

  Oder vielleicht doch gleich Teil 2, in dem die Materie vertieft wird.

Ich wünsche Ihnen viel Spaß mit Little Boxes.

Groningen, im Oktober 2009
Peter Müller