Technische Daten
Erscheinungsdatum
28.01.2019
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, Usability User Experience, UX-Design, Responsive Web-Design, Hand-Buch Bücher lernen Grundlagen Kurse Tipps Workshops Tutorials Wissen Anleitung Training Ausbildung, Webseiten Websites entwickeln
Inhaltsverzeichnis
Vorwort ... 25
Materialien zum Buch ... 30
1. Einführung in das HTML5-Universum ... 31
1.1 ... Ist dieses Buch überhaupt etwas für mich? ... 31
1.2 ... Die verschiedenen Typen von Websites ... 32
1.3 ... Dynamische und statische Websites ... 37
1.4 ... Sprachen für die Gestaltung und Entwicklung im Web ... 41
1.5 ... Was brauche ich, um hier anzufangen? ... 45
1.6 ... Verwendete Konventionen im Buch ... 53
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 ... 68
3. Die Kopfdaten eines HTML-Dokuments ... 69
3.1 ... Die HTML-Elemente für den Kopf in der Übersicht ... 69
3.2 ... -- die Überschrift der HTML-Seite ... 70
3.3 ... Exkurs: Namenskonvention und Referenzierung ... 72
3.4 ... Die Basis-URL einer Webseite mit <base> definieren ... 76
3.5 ... Beziehung zu einem externen Dokument mit <link> ... 79
3.6 ... Dokumentglobale CSS-Stile mit <style> notieren ... 83
3.7 ... Skripte in Webseiten einbinden mit <script> ... 86
3.8 ... Metainformationen für das Dokument mit <meta> ... 88
3.9 ... Zusammenfassung ... 96
4. Der sichtbare Bereich eines HTML-Dokuments ... 99
4.1 ... HTML-Elemente für Seitenstrukturierung ... 99
4.2 ... HTML-Elemente für Textstrukturierung ... 117
4.3 ... Das semantische HTML verwenden ... 138
4.4 ... HTML-Elemente für Textauszeichnungen ... 146
4.5 ... Exkurs: Zeichencodierung ... 167
4.6 ... Zeichenentitäten in HTML ... 169
4.7 ... Zusammenfassung ... 171
5. Tabellen und Hyperlinks ... 173
5.1 ... Daten in einer Tabelle strukturieren ... 173
5.2 ... »Elektronische« Verweise aka Hyperlinks mit <a> ... 188
5.3 ... Zusammenfassung ... 206
6. Grafiken und Multimedia ... 207
6.1 ... Bilder mit <img> einbinden ... 208
6.2 ... Verweissensitive Grafiken aka Image-Maps erstellen ... 217
6.3 ... Das passende Bild mit <picture> laden ... 223
6.4 ... Ein Icon für die Website hinzufügen (Favicon) ... 228
6.5 ... Vektorgrafiken in HTML-Dokumenten verwenden ... 230
6.6 ... Grafiken zeichnen mit <canvas> ... 237
6.7 ... Videos mit dem HTML-Element <video> abspielen ... 239
6.8 ... Audiodateien mit dem HTML-Element <audio> abspielen ... 246
6.9 ... Andere aktive Inhalte einbinden ... 249
6.10 ... Zusammenfassung ... 254
7. HTML-Formulare und interaktive Elemente ... 255
7.1 ... Einen Bereich für Formulare definieren ... 257
7.2 ... Die HTML-Eingabefelder für Formulare ... 258
7.3 ... Die neuen HTML5-Eingabefelder mit <input> ... 269
7.4 ... Die neuen HTML5-Attribute für Eingabefelder ... 276
7.5 ... Weitere nützliche Helferlein für Eingabefelder ... 283
7.6 ... Formulardaten mit PHP versenden ... 288
7.7 ... Interaktive HTML-Elemente ... 295
7.8 ... Zusammenfassung ... 297
8. Einführung in Cascading Stylesheets (CSS) ... 299
8.1 ... Die Versionen von CSS ... 300
8.2 ... Das grundlegende Anwendungsprinzip von CSS ... 301
8.3 ... Einbindungsmöglichkeiten von CSS in HTML ... 307
8.4 ... Zusammenfassung ... 320
9. Die Selektoren von CSS ... 321
9.1 ... Die einfachen Selektoren von CSS ... 323
9.2 ... Kombinatoren -- die Selektoren verketten ... 361
9.3 ... Empfehlung: So verwenden Sie effizientes und einfaches CSS ... 371
9.4 ... Zusammenfassung ... 374
10. Die Vererbung und die Kaskade ... 377
10.1 ... Das Prinzip der Vererbung in CSS ... 377
10.2 ... Das Regelsystem der Kaskade verstehen ... 388
10.3 ... Exkurs: Werte an CSS-Eigenschaften übergeben ... 396
10.4 ... Zusammenfassung ... 407
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 ... 451
12. CSS-Positionierung ... 453
12.1 ... Positionierung mit der CSS-Eigenschaft »position« ... 453
12.2 ... Übereinanderstapeln regeln mit »z-index« ... 467
12.3 ... Schwebende Boxen für die Positionierung mit »float« ... 476
12.4 ... Die neuen flexiblen Boxen von CSS3 ... 491
12.5 ... Zusammenfassung ... 504
13. Responsive Layouts mit CSS erstellen ... 505
13.1 ... Theoretisches Grundlagenwissen zum responsiven Webdesign ... 505
13.2 ... Wir erstellen ein einfaches responsives Layout ... 523
13.3 ... Noch mehr flexible Elemente ... 542
13.4 ... Das neue Grid-Layout von CSS3 ... 557
13.5 ... Verhalten von HTML-Elementen mit »display« ändern ... 569
13.6 ... Berechnungen mit CSS und der »calc()«-Funktion ... 575
13.7 ... Zusammenfassung und »Da geht noch (viel) mehr ...« ... 578
14. Stylen mit CSS ... 579
14.1 ... Textgestaltung mit CSS ... 579
14.2 ... Listen mit CSS gestalten ... 617
14.3 ... Schönere Tabellen mit CSS gestalten ... 626
14.4 ... Bilder und Grafiken mit »width« und »height« anpassen ... 632
14.5 ... Elemente transformieren mit CSS3 ... 635
14.6 ... Übergänge mit CSS3 erstellen ... 640
14.7 ... HTML-Formulare mit CSS stylen ... 642
14.8 ... Zusammenfassung ... 652
15. Testen und Organisieren ... 653
15.1 ... Webbrowser-Tests -- und: Was geht denn so alles? ... 653
15.2 ... Websites in verschiedenen Größen betrachten ... 660
15.3 ... Zentrales Stylesheet einrichten ... 662
15.4 ... CSS-Reset oder -Normalisieren? ... 665
15.5 ... Was tun, wenn der Webbrowser nicht kann? ... 668
15.6 ... Zusammenfassung ... 673
16. Eine kurze Einführung in JavaScript ... 675
16.1 ... Was ist JavaScript? ... 676
16.2 ... Laufzeitumgebungen für JavaScript ... 678
16.3 ... JavaScript-Programme schreiben und ausführen ... 678
16.4 ... Die Verwendung von Variablen in JavaScript ... 682
16.5 ... Übersicht über die JavaScript-Datentypen ... 686
16.6 ... Bedingte Anweisungen in JavaScript ... 692
16.7 ... Programmanweisungen mehrmals wiederholen mit Schleifen ... 699
16.8 ... Arrays ... 704
16.9 ... Arithmetische Operatoren zum Rechnen in JavaScript ... 707
16.10 ... Eigene Funktionen in JavaScript erstellen ... 709
16.11 ... Zusammenfassung ... 717
17. Objekte in JavaScript ... 719
17.1 ... Eigene Objekte in JavaScript ... 719
17.2 ... Vordefinierte Objekte von JavaScript ... 728
17.3 ... Einbinden von JavaScript in HTML ... 733
17.4 ... Browserobjekte bzw. Host-Objekte der Laufzeitumgebung ... 742
17.5 ... Zusammenfassung ... 752
18. HTML DOM und DOM-Manipulation ... 753
18.1 ... Einführung in das DOM eines HTML-Dokuments ... 754
18.2 ... Das »document«-Objekt ... 755
18.3 ... Die Programmierschnittstelle von HTML DOM ... 756
18.4 ... Auf Elemente im DOM zugreifen ... 757
18.5 ... HTML-Element, -Attribut oder den Style ändern ... 769
18.6 ... Auf JavaScript-Events reagieren ... 774
18.7 ... Mit dem Event-Handler die Events behandeln ... 775
18.8 ... Gängige JavaScript-Events in der Übersicht ... 779
18.9 ... Weitere Informationen zu Events mit dem »event«-Objekt ... 784
18.10 ... Standardaktion von Events unterdrücken ... 787
18.11 ... Der Event-Fluss (Event-Propagation) ... 788
18.12 ... HTML-Elemente hinzufügen, ändern, entfernen ... 793
18.13 ... HTML-Formulare und JavaScript ... 811
18.14 ... Zusammenfassung ... 818
19. Einführung in die HTML5-JavaScript-APIs ... 821
19.1 ... Video- und Audio-Media-API ... 822
19.2 ... Zeichnen mit der Canvas-2D-API ... 828
19.3 ... Den Standort ermitteln mit der Geolocation-API ... 840
19.4 ... Ziehen und Fallenlassen mit der Drag & Drop-API ... 852
19.5 ... Web Storage -- Datenbank für Offlineanwendungen ... 861
19.6 ... Web Workers -- die Helfer im Hintergrund ... 867
19.7 ... Aktualisieren ohne Anfrage mit Server-Sent Events ... 876
19.8 ... Weitere interessante APIs im Schnelldurchlauf ... 880
19.9 ... Zusammenfassung ... 887
20. Eine Einführung in Ajax und jQuery ... 889
20.1 ... Eine Einführung in die Ajax-Programmierung ... 889
20.2 ... Einführung in die JavaScript-Bibliothek jQuery ... 910
20.3 ... Zusammenfassung ... 942
21. Fertige CSS-Frameworks ... 943
21.1 ... Übersicht über beliebte CSS-Frameworks ... 944
21.2 ... Das Bootstrap-Framework ... 945
22. Ein einfaches Beispielprojekt ... 973
22.1 ... Projekt planen ... 973
22.2 ... Grundgerüst mit Inhalt erstellen ... 977
22.3 ... Layout der Website erstellen ... 978
22.4 ... Typografie -- Auswahl der Schriften ... 987
22.5 ... Farben ... 990
22.6 ... Navigation und Interaktion ... 991
22.7 ... Grafiken, Bilder und Multimedia ... 996
22.8 ... Website testen und optimieren ... 1001
Anhang ... 1005
A ... HTML-Referenz ... 1007
B ... CSS-Referenz ... 1095
C ... JavaScript- und Browserobjekte ... 1159
D ... HTML-/WYSIWYG-/CSS-Editoren ... 1185
E ... Das Layout mit dem Positionierungs- und Float-Modell gestalten ... 1189
Index ... 1225
Hersteller: Rheinwerk Verlag GmbH, Rheinwerkallee 4, Bonn, Deutschland, 53229, service@rheinwerk-verlag.de
Warnhinweise und Sicherheitsinformationen
Informationen nach EU Data Act