Einstieg in HTML und CSS

Sie suchen eine gute Einführung in die Gestaltung von Webseiten mit HTML und CSS? Dann liegen Sie mit diesem Buch genau richtig! Unser Autor Peter Müller erklärt Ihnen hervorragend, was Sie bei der modernen Webgestaltung wissen müssen: von den grundlegenden Prinzipien bis hin zu den neuesten Entwicklungen. Immer kompetent, klar und verständlich. Anschauliche Beispiele aus der Praxis können Sie leicht auf eigene Projekte anwenden inkl. einer guten Prise Humor. Aus dem Inhalt: Schnellstart HTML und CSS Schriften, Farben, Hyperlinks Selektoren und Einheiten Stylesheets ordnen Kontaktformular und Tabellen Box-Modell Spezifität, Kaskade und Vererbung Positionierung Media Queries und Mehrspaltigkeit Mobile Version Layouts mit Flexbox und CSS Grid Die Fachpresse zur Vorauflage: Mac Life: »Wer eigene Webseiten responsiv gestalten möchte, sollte sich dieses pfiffige Lehrbuch für Theorie und Praxis unbedingt ansehen.« Publisher: »Auf 507 Seiten bietet Peter Müller [...] einen tollen Einstieg in HTML und CSS. « gweep.at: »Der Einstieg in die Welt von HTML und CSS ist mit diesem Buch unübertroffen. Eine sehr gute Ausgangsbasis mit garantierten Erfolg zur eigenen Webseite.«

»Wer seine Webseiten selber erstellen und aufmotzen möchte, findet hier ein ideales Begleitbuch.«

Autorentext
Peter Müller arbeitet seit vielen Jahren als IT-Dozent und versteht es, komplizierte Sachverhalte auf einfache und unterhaltsame Weise darzustellen. Er ist als Autor des CSS-Bestsellers "Little Boxes" bekannt, dessen neueste Auflage unter dem Titel "Einstieg in CSS" erschienen ist.

Inhalt
... 70

3.5 ... Den Kopfbereich selektieren und gestalten ... 72

3.6 ... Entwicklerwerkzeuge: CSS im Browser untersuchen ... 74

3.7 ... Auf einen Blick ... 76



4. HTML-Elemente für Text: Überschriften, Absätze, Hervorhebungen und Listen ... 77


4.1 ... Überschriften strukturieren den Inhalt: bis ... 78

4.2 ... Absätze und Hervorhebungen: , , ... 80

4.3 ... Webseiten von Anfang an in unterschiedlichen Viewports testen ... 82

4.4 ... Listen erstellen mit , und ... 84

4.5 ... Listen verschachteln: Eine Liste in einer Liste ... 87

4.6 ... Über Blockelemente, Inline-Elemente und die Eigenschaft »display« ... 89

4.7 ... Auf einen Blick ... 90



5. Hyperlinks -- das Besondere am Web ... 91


5.1 ... Das Standardverhalten von Hyperlinks ... 91

5.2 ... Anatomie eines Hyperlinks: Linktext ... 92

5.3 ... Hyperlinks und sinnvolle Linktexte: das »Klicken-Sie-hier«-Syndrom ... 94

5.4 ... Hyperlinks in neuem Tab oder Fenster öffnen ... 95

5.5 ... Eine Navigation ist eine Liste mit Links ... 96

5.6 ... Eine grundlegende Gestaltung für die Navigation ... 97

5.7 ... Im Fußbereich einen Link »Nach oben« einfügen ... 102

5.8 ... Besondere Links: Dateien, E-Mail und Telefon ... 106

5.9 ... Auf einen Blick ... 108



6. HTML-Elemente für Bilder, Audio und Video ... 109


6.1 ... Über Grafikformate im Web: JPEG, GIF, PNG, SVG & Co ... 109

6.2 ... Ein Bild als Logo einbinden mit ... 111

6.3 ... Pixelbilder und hochauflösende Bildschirme ... 114

6.4 ... Bilder mit flexibler Breite: »max-width: 100%« ... 119

6.5 ... Abbildungen beschriften: und ... 122

6.6 ... »Lazy Loading«: Seiten mit vielen Bildern optimieren ... 124

6.7 ... Let there be sound: Audiodateien einbinden mit ... 125

6.8 ... Bewegte Bilder einbinden mit ... 127

6.9 ... Auf einen Blick ... 131



7. HTML-Elemente zur Strukturierung von Webseiten und Inhalten ... 133


7.1 ... Die semantischen Strukturelemente auf einen Blick ... 134

7.2 ... Kopfbereiche auszeichnen mit ... 134

7.3 ... Navigationsbereiche erstellen mit ... 137

7.4 ... Der Hauptinhalt einer Webseite steht in ... 140

7.5 ... Fußbereiche auszeichnen mit ... 141

7.6 ... Inhaltliche Abschnitte erstellen mit ... 142

7.7 ... In sich geschlossene, eigenständige Blöcke mit ... 144

7.8 ... Bereiche mit zusätzlichen Informationen: ... 148

7.9 ... Elemente mit semantisch neutral gruppieren ... 150

7.10 ... Auf einen Blick ... 152



8. Weitere HTML-Elemente zur Auszeichnung von Text ... 153


8.1 ... Zitate auszeichnen mit und ... 153

8.2 ... Einen Zeilenumbruch erzwingen mit
... 157

8.3 ... Kontaktinformationen auszeichnen mit ... 157

8.4 ... Zeitangaben für Menschen und Maschinen: ... 159

8.5 ... Ausklappbare Inhalte: und ... 161

8.6 ... Änderungen am Text dokumentieren: und ... 164

8.7 ... Kurz vorgestellt: , und ... 166

8.8 ... Weitere Inline-Elemente in der Übersicht ... 167

8.9 ... Know-how: Zeichensätze und Sonderzeichen ... 169

8.10 ... Auf einen Blick ... 172



9. HTML-Elemente zum Erstellen von Formularen ... 173


9.1 ... Interaktion mit Besuchern basiert auf HTML-Formularen ... 174

9.2 ... Das Element definiert ein Formular ... 174

9.3 ... Einzeilige Eingabefelder erstellen und beschriften: und ... 176

9.4 ... Mehrzeilige Eingabefelder erstellen und beschriften: und ... 180

9.5 ... Zum Anklicken: eckige Kontrollkästchen, runde Optionsfelder und ausklappbare Auswahllisten ... 181

9.6 ... Formularfelder gruppieren mit und die Gruppe beschriften mit ... 185

9.7 ... Ein Button zum Abschicken der Formulardaten ... 186

9.8 ... Ein DSGVO-kompatibles Kontaktformular erstellen ... 187

9.9 ... Auf einen Blick ... 193



10. HTML-Elemente zum Erstellen von Tabellen ... 195


10.1 ... Eine einfache HTML-Tabelle: , und ... 195

10.2 ... Tabellenüberschriften stehen in ... 197

10.3 ... Tabellen strukturieren: , und ... 198

10.4 ... Zellen verbinden mit »colspan« und »rowspan« ... 199

10.5 ... HTML-Tabellen erstellen und gestalten -- ein Beispiel ... 200

10.6 ... Auf einen Blick ... 204



11. Von der Webseite zur Website ... 205


11.1 ... Fine-Tuning für die Startseite ... 205

11.2 ... Das HTML überprüfen mit dem HTML-Validator ... 210

11.3 ... Die Seiten »News«, »Über uns« und »Kontakt« erstellen ... 212

11.4 ... Inhalte für die Seite »News« hinzufügen ... 216

11.5 ... Ein Bild auf der Seite »Über uns« einfügen ... 220

11.6 ... Kontaktdaten und Formular für die Seite »Kontakt« ... 222

11.7 ... Die Seiten »Impressum« und »Datenschutz« ... 225

11.8 ... Auf einen Blick ... 226



12. CSS kennenlernen: Syntax, Box-Modell, Farbwerte und Einheiten ... 227


12.1 ... Überblick: Webseiten gestalten per CSS ... 227

12.2 ... Wichtige Vokabeln: Der Aufbau einer CSS-Regel ... 228

12.3 ... Es gibt drei verschiedene Möglichkeiten, CSS…

#	Onlineshop	Preis CHF	Versand CHF	Total CHF
1	Seller	0.00	0.00	0.00