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

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

Groningen, im Juni 2015
Peter Müller