HTML5 und CSS3 - Das umfassende Handbuch. Moderne Webseiten programmieren und gestalten. Grundlegende Einführung in JavaScript, jQuery und Ajax. Grafiken, Video, Audio, HTML5-APIs, YAML, Bootstrap u. v. m.

Moderne Webtechnologien mit HMTL5 und CSS3 im Praxiseinsatz

Alle HTML5-APIs im Überblick - inkl. HTML 5.1
Grundlegende Einführung in JavaScript, jQuery und Ajax
Dynamische 2D- und 3D-Grafiken, Video, Audio, YAML, Bootstrap, Responsive Webdesign

Die neuen Webstandards HTML5 und CSS3 und die HTML5-APIs bieten Ihnen alle Möglichkeiten, um moderne Webseiten zu erstellen und zu gestalten. Dieses Buch zeigt Ihnen, wie Sie die neuen Funktionen einsetzen: Video, Audio, Bilder, 2D- und 3D-Grafiken, lokaler Speicher, abgerundete Ecken, Schatten, Transparenzen, Schriftarten, Geolocation, Drag & Drop und mehr. Jürgen Wolf macht Sie umfassend mit Syntax, Aufbau und Struktur von HTML vertraut und bietet Ihnen zahlreiche konkrete Beispielprojekte. Sie lernen, wie Sie mit CSS3 aufwändige Layouts gestalten, und lernen darüber hinaus CSS-Präprozessoren kennen. Außerdem bietet das Buch eine grundlegende Einführung in JavaScript, Ajax und jQuery. Ein Lern- und Nachschlagewerk für jeden, der die neuen Features von HTML5 und CSS3 effektiv nutzen möchte.

Aus dem Inhalt:

HTML5-GRUNDLAGEN
Syntax und Aufbau
Semantische Strukturen
Tabellen, Hyperlinks, Bilder
HTML-Formulare, Videos, Audio

CSS3-GRUNDLAGEN
Alle Neuheiten von CSS3
Das neue Box-Modell
Styling, Layout, Schrift, Farbe
Responsive Webdesign mit Media Queries
CSS-Präprozessoren (Sass)

MODERNE WEBTECHNOLOGIEN
JavaScript, Ajax, jQuery
DOM-Manipulation
Responsive Images
CSS-Frameworks (Bootstrap, YAML)
Geolocation
Drag & Drop

List of contents

Vorwort ... 25

1. Einführung in das HTML5-Universum ... 29

1.1 ... Ist dieses Buch überhaupt etwas für mich? ... 29

1.2 ... Die verschiedenen Typen von Webseiten ... 30

1.3 ... Dynamische und statische Webseiten ... 35

1.4 ... Sprachen für die Gestaltung und Entwicklung im Web ... 39

1.5 ... Was brauche ich, um hier anzufangen? ... 43

1.6 ... Verwendete Konventionen im Buch ... 54

1.7 ... Zusammenfassung ... 54

2. Grundlegender Aufbau von HTML(-Dokumenten) ... 55

2.1 ... Syntax und Aufbau von HTML(-Dokumenten) ... 55

2.2 ... Ein einfaches HTML-Dokument-Grundgerüst ... 65

2.3 ... Zusammenfassung ... 69

3. Die Kopfdaten eines HTML-Dokuments ... 71

3.1 ... Die HTML-Elemente für den Kopf in der Übersicht ... 71

3.2 ... -- die Überschrift der HTML-Seite ... 72

3.3 ... Exkurs: Namenskonvention und Referenzierung ... 74

3.4 ... Die Basis-URL einer Webseite mit definieren ... 78

3.5 ... Beziehung zu einem externen Dokument mit ... 81

3.6 ... Dokumentglobale CSS-Stile mit notieren ... 85

3.7 ... Skripte in Webseiten einbinden mit ... 88

3.8 ... Metainformationen für das Dokument mit ... 90

3.9 ... Zusammenfassung ... 98

4. Der sichtbare Bereich eines HTML-Dokuments ... 101

4.1 ... HTML-Elemente für Seitenstrukturierung ... 101

4.2 ... HTML-Elemente für Textstrukturierung ... 119

4.3 ... Das semantische HTML verwenden ... 139

4.4 ... HTML-Elemente für Textauszeichnungen ... 148

4.5 ... Exkurs: Zeichencodierung ... 170

4.6 ... Zeichenentitäten in HTML ... 173

4.7 ... Zusammenfassung ... 175

5. Tabellen und Hyperlinks ... 177

5.1 ... Daten in einer Tabelle strukturieren ... 177

5.2 ... "Elektronische" Verweise aka Hyperlinks mit ... 192

5.3 ... Zusammenfassung ... 210

6. Grafiken und Multimedia ... 211

6.1 ... Bilder mit einbinden ... 212

6.2 ... Verweissensitive Grafiken aka Image-Maps erstellen ... 222

6.3 ... Das passende Bild mit laden ... 228

6.4 ... Ein Icon für die Webseite hinzufügen (Favicon) ... 234

6.5 ... Vektorgrafiken in HTML-Dokumenten verwenden ... 235

6.6 ... Grafiken zeichnen mit ... 242

6.7 ... Videos mit dem HTML-Element abspielen ... 244

6.8 ... Audios mit dem HTML-Element abspielen ... 251

6.9 ... Andere aktive Inhalte einbinden ... 254

6.10 ... Zusammenfassung ... 258

7. HTML-Formulare und interaktive Elemente ... 261

7.1 ... Einen Bereich für Formulare definieren ... 263

7.2 ... Die HTML-Eingabefelder für Formulare ... 264

7.3 ... Die neuen HTML5-Eingabefelder mit ... 276

7.4 ... Die neuen HTML5-Attribute für Eingabefelder ... 283

7.5 ... Weitere nützliche Helferlein für Eingabefelder ... 289

7.6 ... Formulardaten mit PHP versenden ... 294

7.7 ... Interaktive HTML-Elemente ... 301

7.8 ... Zusammenfassung ... 305

8. Einführung in Cascading Stylesheets (CSS) ... 307

8.1 ... Die Versionen von CSS ... 308

8.2 ... Das grundlegende Anwendungsprinzip von CSS ... 309

8.3 ... Einbindungsmà glichkeiten von CSS in HTML ... 315

8.4 ... Zusammenfassung ... 326

9. Die Selektoren von CSS ... 327

9.1 ... Die einfachen Selektoren von CSS ... 329

9.2 ... Kombinatoren -- die Selektoren verketten ... 366

9.3 ... Performance verschiedener Selektoren ... 376

9.4 ... Zusammenfassung ... 378

10. Die Vererbung und die Kaskade ... 381

10.1 ... Das Prinzip der Vererbung in CSS ... 381

10.2 ... Das Regelsystem der Kaskade verstehen ... 388

10.3 ... Exkurs: Werte an CSS-Eigenschaften übergeben ... 397

10.4 ... Zusammenfassung ... 408

11. Das Box-Modell von CSS ... 409

11.1 ... Das klassische Box-Modell von CSS ... 410

11.2 ... Das neue alternative Box-Modell von CSS3 ... 421

11.3 ... Boxen gestalten ... 429

11.4 ... Zusammenfassung ... 449

12. CSS-Positionierung ... 451

12.1 ... Positionierung mit der CSS-Eigenschaft "position" ... 451

12.2 ... Übereinanderstapeln regeln mit "z-index" ... 46

About the author

Jürgen Wolf ist Softwareentwickler, Digitalfotograf und Autor aus Leidenschaft. C/C++, Perl, Linux und die Bildbearbeitung mit Photoshop Elements und GIMP sind seine Themen. Sein Traum: ein ruhiges Leben im Westen Kanadas. Und Bücher auf der Veranda schreiben. Besuchen Sie seine umfangreiche Website www.pronix.de.

Summary

Sie wollen faszinierende Websites mit HTML5 und CSS3 gestalten? Jürgen Wolf gibt Ihnen eine grundlegende Einführung in die Arbeit mit HTML5, CSS3 und JavaScript. HTML5 bietet vielfältige neue Funktionalitäten, wie unter anderem Video, Audio, lokalen Speicher und dynamische 2D- und 3D-Grafiken, die zuvor nicht direkt unterstützt wurden. Mit CSS3, der neuen Version des Webstandards CSS, lassen sich viele Effekte mit weniger Code umsetzen: Abgerundete Ecken, Schatten, unterschiedliche Deckkraft, Transparenzen, Einsatz beliebiger Schriften, neue Farbangaben etc.Das Buch ist ein Lern- und Nachschlagewerk für jeden, der HTML und CSS unter Betonung der neuen Features von HTML5 und CSS3 erlernen möchte. Inkl. HTML 5.1

Aus dem Inhalt:

HTML5-GRUNDLAGEN
Syntax und Aufbau
Semantische Strukturen
Tabellen, Hyperlinks, Bilder
HTML-Formulare, Videos, Audio

CSS3-GRUNDLAGEN
Alle Neuheiten von CSS3
Das neue Box-Modell
Styling, Layout, Schrift, Farbe
Responsive Webdesign mit Media Queries
CSS-Präprozessoren (Sass)

MODERNE WEBTECHNOLOGIEN
JavaScript, Ajax, jQuery
DOM-Manipulation
Responsive Images
CSS-Frameworks (Bootstrap, YAML)
Geolocation
Drag & Drop

Additional text

?Empfehlung der Redaktion!?

Report

"Einen guten Einstieg bietet das Buch, eigentlich vier Bücher in einem: je eines über HTML, CSS und JavaScript sowie ein gewichtiger Anhang mit Referenzen. (...) Zu den drei Teilgebieten gibt es fundierte Einführungen, die bei aller gebotenen Knappheit mit Details nicht geizen, wie den neusten Features von HTML5 und CSS3." iX - Magazin für professionelle Informationstechnik 201709

Product details

• Authors: Jürgen Wolf
• Publisher: Rheinwerk Verlag
• Languages: German
• Product format: Hardback
• Released: 29.09.2016
• EAN: 9783836241588
• ISBN: 978-3-8362-4158-8
• No. of pages: 1264
• Dimensions: 200 mm x 245 mm x 60 mm
• Weight: 2449 g
• Illustrations: m. Abb.
• Series: Rheinwerk Computing; Rheinwerk Computing
• Subjects: Natural sciences, medicine, IT, technology > IT, data processing > Internet; Informatik, JavaScript, Webdesign, Ajax, css3, html5, Web 2.0, Webentwicklung, Canvas, Responsive Webdesign, UX Design, Responsive Design, HTML5-Api