Inhaltsverzeichnis

»Little Boxes Teil 1« , das Sie hier online lesen können, hat folgendes Inhaltsverzeichnis: 

• 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 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

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

Groningen, im Juni 2015
Peter Müller