Technische Daten
Erscheinungsdatum
01.01.2016
EAN
9783836241588, 9783836241588
Einbandart
Gebundene Ausgabe
Buch Untertitel
Das umfassende Handbuch zum Lernen und Nachschlagen. Inkl. JavaScript, Bootstrap, Responsive Webdesign u. v. m.
Schlagwörter
HTML5, CSS3, Webentwicklung, HTML5-Api, Canvas, JavaScript, Ajax, Web 2.0, Webdesign, UX Design, Responsive Webdesign, Responsive Design
Inhaltsverzeichnis
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 <base> definieren ... 78
3.5 ... Beziehung zu einem externen Dokument mit <link> ... 81
3.6 ... Dokumentglobale CSS-Stile mit <style> notieren ... 85
3.7 ... Skripte in Webseiten einbinden mit <script> ... 88
3.8 ... Metainformationen für das Dokument mit <meta> ... 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 <a> ... 192
5.3 ... Zusammenfassung ... 210
6. Grafiken und Multimedia ... 211
6.1 ... Bilder mit <img> einbinden ... 212
6.2 ... Verweissensitive Grafiken aka Image-Maps erstellen ... 222
6.3 ... Das passende Bild mit <picture> 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 <canvas> ... 242
6.7 ... Videos mit dem HTML-Element <video> abspielen ... 244
6.8 ... Audios mit dem HTML-Element <audio> 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 <input> ... 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« ... 462
12.3 ... Schwebende Boxen für die Positionierung mit »float« ... 472
12.4 ... Die neuen flexiblen Boxen von CSS3 ... 486
12.5 ... Zusammenfassung ... 493
13. Das Layout mit CSS gestalten ... 495
13.1 ... Exkurs: Was bedeutet feste und flexible Breite? ... 496
13.2 ... Ein zweispaltiges Layout erstellen ... 497
13.3 ... Ein dreispaltiges Layout erstellen ... 512
13.4 ... Responsive Layouts mit Media Queries erstellen ... 531
13.5 ... Das Layout mit einem Raster (Grid) erstellen ... 571
13.6 ... Verhalten von HTML-Elementen mit »display« ändern ... 603
13.7 ... Zusammenfassung und »Da geht noch (viel) mehr ...« ... 605
14. Stylen mit CSS ... 607
14.1 ... Textgestaltung mit CSS ... 607
14.2 ... Listen mit CSS gestalten ... 643
14.3 ... Schönere Tabellen mit CSS gestalten ... 653
14.4 ... Bilder und Grafiken mit CSS gestalten ... 660
14.5 ... Elemente transformieren mit CSS3 ... 671
14.6 ... Übergänge mit CSS3 erstellen ... 677
14.7 ... HTML-Formulare mit CSS stylen ... 678
14.8 ... Zusammenfassung ... 687
15. Testen und Organisieren ... 689
15.1 ... CSS und die Webbrowser ... 690
15.2 ... Webseiten mit CSS in verschiedenen Größen betrachten ... 692
15.3 ... Zentrales Stylesheet einrichten ... 695
15.4 ... Eingebaute Stilvorgaben des Webbrowsers und CSS-Reset ... 698
15.5 ... Normalisierung -- die Alternative zum CSS-Reset ... 699
15.6 ... Die neuen HTML5-Elemente mit CSS stylen ... 700
15.7 ... Conditional Comments für den alten IE ... 703
15.8 ... Modernizr -- Fähigkeiten des Webbrowsers testen ... 705
15.9 ... caniuse.com -- kann ich das verwenden? ... 707
15.10 ... Entwickler-Tools des Webbrowsers ... 708
15.11 ... Zusammenfassung ... 711
16. Eine kurze Einführung in JavaScript ... 713
16.1 ... Was ist JavaScript? ... 714
16.2 ... Laufzeitumgebungen für JavaScript ... 716
16.3 ... JavaScript-Programme schreiben und ausführen ... 716
16.4 ... Die Verwendung von Variablen in JavaScript ... 720
16.5 ... Übersicht über die JavaScript-Datentypen ... 723
16.6 ... Bedingte Anweisungen in JavaScript ... 730
16.7 ... Programmanweisungen mehrmals wiederholen mit Schleifen ... 737
16.8 ... Arrays ... 742
16.9 ... Arithmetische Operatoren zum Rechnen in JavaScript ... 745
16.10 ... Eigene Funktionen in JavaScript erstellen ... 747
16.11 ... Zusammenfassung ... 755
17. Objekte in JavaScript ... 757
17.1 ... Benutzerdefinierte Objekte in JavaScript ... 757
17.2 ... Vordefinierte Objekte von JavaScript ... 765
17.3 ... Einbinden von JavaScript in HTML ... 771
17.4 ... Browser-Objekte bzw. Host-Objekte der Laufzeitumgebung ... 780
17.5 ... Zusammenfassung ... 791
18. HTML DOM und DOM-Manipulation ... 793
18.1 ... Einführung in das DOM eines HTML-Dokuments ... 794
18.2 ... Das »document«-Objekt ... 795
18.3 ... Die Programmierschnittstelle von HTML DOM ... 796
18.4 ... Nach bestimmten HTML-Elementen suchen ... 797
18.5 ... HTML-Element, -Attribut oder den Style ändern ... 808
18.6 ... Auf JavaScript-Events reagieren ... 814
18.7 ... Mit dem Event-Handler die Events behandeln ... 815
18.8 ... Gängige JavaScript-Events in der Übersicht ... 819
18.9 ... Weitere Informationen zu Events mit dem »event«-Objekt ... 824
18.10 ... Standardaktion von Events unterdrücken ... 827
18.11 ... Der Event-Fluss (Event-Propagation) ... 829
18.12 ... HTML-Elemente hinzufügen, ändern, entfernen ... 834
18.13 ... HTML-Formulare und JavaScript ... 849
18.14 ... Zusammenfassung ... 857
19. Einführung in die HTML5-JavaScript-APIs ... 859
19.1 ... Video- und Audio-Media-API ... 860
19.2 ... Zeichnen mit der Canvas-2D-API ... 866
19.3 ... Den Standort ermitteln mit der Geolocation-API ... 878
19.4 ... Ziehen und Fallenlassen mit der Drag & Drop-API ... 892
19.5 ... Offlinedaten zur Verfügung stellen ... 901
19.6 ... Web Workers -- die Helfer im Hintergrund ... 912
19.7 ... Aktualisieren ohne Anfrage mit Server Sent Events ... 921
19.8 ... Weitere interessante APIs im Schnelldurchlauf ... 924
19.9 ... Zusammenfassung ... 935
20. Eine Einführung in Ajax und jQuery ... 937
20.1 ... Eine Einführung in die Ajax-Programmierung ... 937
20.2 ... Einführung in die JavaScript-Bibliothek jQuery ... 958
20.3 ... Zusammenfassung ... 991
21. Fertige CSS-Frameworks ... 993
21.1 ... Übersicht über beliebte CSS-Frameworks ... 994
21.2 ... Das Bootstrap-Framework ... 995
21.3 ... YAML 4 -- das CSS-Framework ... 1024
21.4 ... Exkurs zu CSS-Präprozessoren ... 1040
21.5 ... Zusammenfassung ... 1046
Anhang ... 1049
A ... HTML-Referenz ... 1051
B ... CSS-Referenz ... 1149
C ... JavaScript- und Browser-Objekte ... 1217
D ... HTML-/WYSIWYG-/CSS-Editoren ... 1243
Index ... 1247
Hersteller: Rheinwerk Verlag GmbH, Rheinwerkallee 4, Bonn, Deutschland, 53229, service@rheinwerk-verlag.de
Warnhinweise und Sicherheitsinformationen
Informationen nach EU Data Act