Create bookmark
Little Boxes, Teil 1
Webseiten gestalten mit HTML und CSS
Notes
Please login to add notes
- little boxes Teil 1 Grundlagen -2. Auflage- Webseiten gestalten mit HTML & CSS
- + Inhaltsübersicht
-
+
Inhaltsverzeichnis
- readme.txt zur zweiten Auflage
- + I Die Einleitung
- + II HTML – Kästchen erstellen
-
+
III CSS-Grundlagen – Kästchen gestalten
- 5 CSS kennenlernen: Schriften, Farben und Hyperlinks
- 6 Selektoren, Einheiten und Farben
- 7 Abstände gestalten mit dem Box-Modell
- 8 Ordnung halten im Stylesheet
- 9 Horizontale Navigation und Kontaktformular
- 10 Skip-Links, Druckversion und Tabellen
- 11 CSS und der Browser: Kaskade, Vererbung oder Standardwert
- + IV CSS-Positionierung – Kästchen verschieben
- + V CSS – mehrspaltige Layouts
- + VI Nützliche Werkzeuge
- Stichwortverzeichnis
- + readme.txt zur zweiten Auflage
- + I Die Einleitung
-
+
II HTML – Kästchen erstellen
- + 2 So funktioniert HTML
-
+
3 Wichtige HTML-Elemente (1)
- 3.1 Die Seite in Bereiche einteilen: div
- 3.2 Überschriften: h1 bis h6
- 3.3 Fließtext: Absätze und Hervorhebungen
- 3.4 Über Block- und Inline-Elemente
- 3.5 HTML-Elemente verschachteln: zuerst geöffnet, zuletzt geschlossen
- 3.6 Jeder Browser hat ein eingebautes Stylesheet
- 3.7 Listen: Aufzählungen und Nummerierungen
- 3.8 Auf einen Blick
-
+
4 Wichtige HTML-Elemente (2)
- 4.1 Hyperlinks: das Besondere am WorldWideWeb
- 4.2 Die Wegbeschreibung zur Grafik: img
- 4.3 Weitere nützliche HTML-Elemente
- 4.4 Character Entities: allgemeine Sonderzeichen
- 4.5 Stimmt die Statik? HTML überprüfen mit dem Validator
- 4.6 CSS zum Ausprobieren: die W3C Core Styles
- 4.7 Die Kontaktseite: von der Seite zur Site
- 4.8 Der Quelltext der Webseiten im Überblick
- 4.9 Auf einen Blick
-
+
III CSS-Grundlagen – Kästchen gestalten
-
+
5 CSS kennenlernen: Schriften, Farben und Hyperlinks
- 5.1 Ein Stylesheet ist eine Sammlung von Formatvorlagen
- 5.2 CSS und die HTML-Kästchen auf der Webseite
- 5.3 Das erste eigene Stylesheet
- 5.4 Hintergrund- und Schriftfarben definieren
- 5.5 Schriftart und -größe gestalten
- 5.6 Die Adresse im Fußbereich gestalten
- 5.7 Hyperlinks gestalten
- 5.8 Styles können an drei verschiedenen Stellen definiert werden
- 5.9 Das Stylesheet im Überblick
- 5.10 Auf einen Blick
-
+
6 Selektoren, Einheiten und Farben
- 6.1 Style: der Aufbau einer CSS-Regel
- 6.2 Ein Selektor wählt das zu gestaltende Kästchen aus
- 6.3 Nur in diesem Bereich: Selektoren verschachteln
- 6.4 Eigene Namen vergeben: ID und class
- 6.5 Spezifität: das Punktesystem für Selektoren
- 6.6 Werte und Maße in CSS: die Qual der Wahl
- 6.7 Farben definieren: hexadezimal, dezimal und Namen
- 6.8 Auf einen Blick
-
+
7 Abstände gestalten mit dem Box-Modell
- 7.1 Potenzielle Probleme beim Gestalten der Kästchen
- 7.2 Das Box-Modell in der Übersicht
- 7.3 Kalibrierung: Abstände auf null setzen
- 7.4 Webseite zentrieren mit width und margin
- 7.5 Rahmenlinien erstellen: border
- 7.6 Ein bisschen Abstand drum herum: padding
- 7.7 Das Box-Modell und die farbliche Gestaltung
- 7.8 Hintergrundgrafiken per CSS
- 7.9 Das Stylesheet im Überblick
- 7.10 Auf einen Blick
-
+
8 Ordnung halten im Stylesheet
- 8.1 Der Kommentar am Anfang
- 8.2 Das Stylesheet in Abschnitte unterteilen
- 8.3 Verschiedene Schreibweisen für Styles
- 8.4 Die Reihenfolge der Deklarationen im Style
- 8.5 Effektiv: Kurzschreibweisen für padding und margin
- 8.6 Das aufgeräumte Stylesheet im Überblick
- 8.7 Der CSS-Validator
- 8.8 Auf einen Blick
- + 9 Horizontale Navigation und Kontaktformular
- + 10 Skip-Links, Druckversion und Tabellen
- + 11 CSS und der Browser: Kaskade, Vererbung oder Standardwert
-
+
5 CSS kennenlernen: Schriften, Farben und Hyperlinks
-
+
IV CSS-Positionierung – Kästchen verschieben
- + 12 Der Flow und Positionieren mit position
- + 13 Positionieren mit float: schwebende Boxen
-
+
14 Containing Floats: gefloatete Elemente einschließen
- 14.1 Die fertige Beispielseite
- 14.2 HTML und eine kleine Prise CSS
- 14.3 Der erste Versuch: die Grafiken floaten
- 14.4 Das Problem: Gefloatete Elemente ragen nach unten heraus
- 14.5 Vier Methoden zum Einschließen von Floats
- 14.6 Methode 1: Float einschließen mit clear
- 14.7 Methode 2: Set a float to fix a float
- 14.8 Methode 3: Ohne float und clear – overflow: hidden
- 14.9 Methode 4: EasyClearing – die Sache mit dem Punkt
- 14.10 Floats einschließen: die Übersicht
- 14.11 Die Galerie in die Beispielsite einbauen
- 14.12 Auf einen Blick
-
+
V CSS – mehrspaltige Layouts
- + VI Nützliche Werkzeuge
- + Stichwortverzeichnis
- Copyright
Sie möchten Webseiten erstellen? Standkonform, barrierefrei und ohne Tabellen? Dann ist "Little Boxes" genau richtig für Sie. Als Praxisleitfaden durch das Labyrinth von (X)HTML und CSS führt es Sie von den ersten Schritten bis zur professionell gestalteten Website. Unterwegs helfen Ihnen zahlreiche praktische Übungen zu allen wichtigen Themen, das Erlernte zu festigen und zu vertiefen. Mit der beiliegenden CD können Sie außerdem sofort loslegen: sie enthält neben allen Beispielen aus dem Buch viele nützliche Tools sowie Ausschnitte aus den Videotrainings "Little Boxes, Teil 1" und "Little Boxes, Teil 2"
Mit "Little Boxes" lernen Sie, wie Sie
* mit (X)HTML das richtige Fundament fuer eine mediengerechte Webseite setzen,
* mit CSS Schriften, Farben und Abstände gestalten,
* Elemente mit CSS positionieren sowie
* Navigationsmenüs und mehrspaltige, tabellenfreie Layouts erstellen.
"Little Boxes" setzt kaum Vorwissen voraus, nur sollten Sie sich bei einer hexadezimalen Farbangabe wie #f3c600 nicht erschrecken. "Little Boxes" richtet sich an
* Einsteiger, die ihre ersten Versuche hinter sich haben und mehr wissen wollen,
* Tabellenbauer, die gehört haben, dass es auch ohne geht, aber nicht wissen wie,
* Webdesigner, die eine kompakte, strukturierte Einführung in CSS benötigen,
* Blogger, die das CSS in ihren Themes und Layouts verstehen und anpassen möchten, und an
* Programmierer, die ein mediengerechtes Frontend für ihre serverseitigen Skripte erstellen möchten.
Test the closed alpha on paperc.com
Book Details
Authors
Categories
Publishers
Publication year : 2009
License: All rights reserved ©
Times read: 3,992

