Mit diesem „From Zero2Hero – HTML & CSS“ hast du das Web schon halb in der Tasche. Lerne, wie du standardkonforme Webseiten schreibst und gestaltest – von den ersten Zeilen und Bildern über tolle Seitenlayouts bis hin zu raffinierten Navigationsleisten. Erreiche dein Ziel, deine eigene Website zu bauen, mit wenig Zeit und viel Spaß.
(aus der Kapitelübersicht)
In Kapitel 1 erstellst du dein erstes HTML-Dokument mit Text, Bild und Link und lernst die wichtigsten Grundlagen.
Kapitel 2 zeigt dir weitere HTML-Elemente, um deine Webseite zu strukturieren, etwa Überschriften, Absätze, Listen oder Elemente zur Betonung einzelner Wörter - diese bilden sozusagen das Skelett einer jeden Webseite.
In Kapitel 3 wird’s ein bisschen bunter: Hier siehst du, wie du HTML-Elemente gestalten kannst: Farben definieren, Schriftart, Größe, Absatzausrichtung. Das geht alles über CSS.
Was wäre das Web ohne Links? In Kapitel 4 erfährst du alles über Links und Pfadangaben. Außerdem geht es um die Formatierung von Links und wie du eine einfache horizontale Navigationsleiste erstellen kannst.
So richtig bunt wird’s dann in Kapitel 5, wo sich alles um Bilder dreht, von normalen Bildern, die du über HTML einfügst, über CSS-Hintergrundbilder bis hin zu den kleinen Favicons, interaktiven Karten und Videos – das volle Programm!
Kapitel 6 widmet sich dem CSS-Boxmodell, das heißt Breite, Höhe, Innenabstände, Rahmen und Außenabstände ... All die Ingredienzien, aus denen sich die Schächtelchen zusammensetzen, die sich dann zu einem Layout zusammenfügen.
Kapitel 7 macht dich mit der Anordnung von Elementen vertraut. Du erstellst ein Layout und erfährst außerdem, wie du eine halbtransparente Bildbeschriftung über CSS gestaltest.
Für tabellarische Daten brauchst du HTML-Tabellen. Kapitel 8 zeigt dir, wie du sie umsetzt und über CSS gestaltest.
Ob als Kontaktformular, für Kommentare oder für die Suchfunktion innerhalb einer Site - für all das brauchst du Formulare. In Kapitel 9 erfährst du, wie du sie per HTML erstellst und die Anordnung über CSS festlegst.
In Kapitel 10 erstellst du ein Layout mit allem Drumherum, das heißt inklusive einem eigenen Layout für den Ausdruck.
Navigationsleisten sind das A und O – deshalb geht das Kapitel 11 noch mal im Detail darauf ein. Dabei siehst du auch, wie du flexible Tabs erstellst, die sowohl mit längerer als auch mit kürzerer Beschriftung funktionieren. Und du lernst wichtige CSS-Techniken wie Sprites oder Sliding Doors kennen.
Im letzten Kapitel 12 geht es darum, wie du deine Webseite auf Herz und Nieren testest und sie online stellst. Zu jedem Schritt zeige ich dir wichtige Tools, von der Fehlerkonsole über Firebug, Web Developer Toolbar bis zum Farbwähler, zu Screenshotdiensten,LinkCheckern und vielem mehr. Außerdem habe ich einige Profitipps für dich parat – etwa, wie man störrische Browser zähmt oder den clearfix-Hack einsetzt, aber auch zu konditionalen Kommentaren und ausgewählten CSS3-Techniken.
(aus der Kapitelübersicht)
In Kapitel 1 erstellst du dein erstes HTML-Dokument mit Text, Bild und Link und lernst die wichtigsten Grundlagen.
Kapitel 2 zeigt dir weitere HTML-Elemente, um deine Webseite zu strukturieren, etwa Überschriften, Absätze, Listen oder Elemente zur Betonung einzelner Wörter - diese bilden sozusagen das Skelett einer jeden Webseite.
In Kapitel 3 wird’s ein bisschen bunter: Hier siehst du, wie du HTML-Elemente gestalten kannst: Farben definieren, Schriftart, Größe, Absatzausrichtung. Das geht alles über CSS.
Was wäre das Web ohne Links? In Kapitel 4 erfährst du alles über Links und Pfadangaben. Außerdem geht es um die Formatierung von Links und wie du eine einfache horizontale Navigationsleiste erstellen kannst.
So richtig bunt wird’s dann in Kapitel 5, wo sich alles um Bilder dreht, von normalen Bildern, die du über HTML einfügst, über CSS-Hintergrundbilder bis hin zu den kleinen Favicons, interaktiven Karten und Videos – das volle Programm!
Kapitel 6 widmet sich dem CSS-Boxmodell, das heißt Breite, Höhe, Innenabstände, Rahmen und Außenabstände ... All die Ingredienzien, aus denen sich die Schächtelchen zusammensetzen, die sich dann zu einem Layout zusammenfügen.
Kapitel 7 macht dich mit der Anordnung von Elementen vertraut. Du erstellst ein Layout und erfährst außerdem, wie du eine halbtransparente Bildbeschriftung über CSS gestaltest.
Für tabellarische Daten brauchst du HTML-Tabellen. Kapitel 8 zeigt dir, wie du sie umsetzt und über CSS gestaltest.
Ob als Kontaktformular, für Kommentare oder für die Suchfunktion innerhalb einer Site - für all das brauchst du Formulare. In Kapitel 9 erfährst du, wie du sie per HTML erstellst und die Anordnung über CSS festlegst.
In Kapitel 10 erstellst du ein Layout mit allem Drumherum, das heißt inklusive einem eigenen Layout für den Ausdruck.
Navigationsleisten sind das A und O – deshalb geht das Kapitel 11 noch mal im Detail darauf ein. Dabei siehst du auch, wie du flexible Tabs erstellst, die sowohl mit längerer als auch mit kürzerer Beschriftung funktionieren. Und du lernst wichtige CSS-Techniken wie Sprites oder Sliding Doors kennen.
Im letzten Kapitel 12 geht es darum, wie du deine Webseite auf Herz und Nieren testest und sie online stellst. Zu jedem Schritt zeige ich dir wichtige Tools, von der Fehlerkonsole über Firebug, Web Developer Toolbar bis zum Farbwähler, zu Screenshotdiensten,LinkCheckern und vielem mehr. Außerdem habe ich einige Profitipps für dich parat – etwa, wie man störrische Browser zähmt oder den clearfix-Hack einsetzt, aber auch zu konditionalen Kommentaren und ausgewählten CSS3-Techniken.
