HTML5 und CSS3
Rheinwerk (Verlag)
978-3-8362-4158-8 (ISBN)
- Titel erscheint in neuer Auflage
- Artikel merken
- Moderne Webseiten programmieren und gestalten
- Alle neuen Features von HTML5, CSS3 und JavaScript
- Video, Audio, HTML5-APIs, YAML, Bootstrap u. v. m.
- Aktuell zu HTML 5.1
Wollen Sie 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
HTML5 in Theorie und Praxis
Lernen Sie alles, was Sie über Syntax, Aufbau und Struktur von HTML wissen müssen. Konkrete Beispielprojekte zeigen Ihnen alle Elemente anschaulich im Einsatz.
CSS3 lernen und einsetzen
Erfahren Sie, wie Sie CSS3 anwenden können und mit Cascading Stylesheets auch aufwändige Layouts gestalten. Dazu gehört auch der Einsatz von CSS-Frameworks wie YAML oder Bootstrap.
Einstieg in JavaScript
Erwerben Sie Grundlagen-Kenntnisse von JavaScript und erfahren Sie, was Sie alles mit dieser Sprache auf Ihrer Website machen können.
Moderne Webtechnologien verwenden
Viele Praxisbeispiele zeigen Ihnen die neuen Möglichkeiten von Ajax und JQuery sowie den Umgang mit Grafiken, Audio, Video und den HTML5-APIs für moderne Webanwendungen. Inkl. Responsive Webdesign mit Bootstrap.
Themen sind insbesondere:
HTML-Grundlagen
HTML5: Syntax, Aufbau, semantische Strukturen
CSS-Grundlagen
Das neue Box-Modell
Styling, Layout, Farbe
Alle Neuerungen von CSS3
Responsive Webdesign mit Bootstrap
Scripting: Einführung in JavaScript
Ajax und jQuery
Alle wichtigen HTML5-APIs: Geolocation, Drag & Drop, Dateispeicherung, Web Storage, Web Sockets u. v. m.
Jürgen Wolf ist Web- und Softwareentwickler sowie Autor mehrerer Standardwerke zu Programmierung und Fotografie. Ihm gelingt es auf hervorragende Weise, Theorie verständlich zu machen und mit Beispielen aus der Programmierpraxis zu verbinden.
1. 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 ... 189
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« ... 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
Erscheinungsdatum | 27.09.2016 |
---|---|
Reihe/Serie | Rheinwerk Computing |
Verlagsort | Bonn |
Sprache | deutsch |
Maße | 190 x 240 mm |
Gewicht | 2449 g |
Einbandart | gebunden |
Themenwelt | Informatik ► Web / Internet ► HTML / CSS |
Informatik ► Web / Internet ► JavaScript | |
Informatik ► Web / Internet ► Web Design / Usability | |
Schlagworte | AJAX • canvas • CSS3 • CSS3 (Cascading Style Sheets); Handbuch/Lehrbuch • HTML5 • HTML5-Api • HTML5; Handbuch/Lehrbuch • JavaScript • Responsive Design • Responsive Webdesign • UX Design • Web 2.0 • Webdesign • Webentwicklung |
ISBN-10 | 3-8362-4158-7 / 3836241587 |
ISBN-13 | 978-3-8362-4158-8 / 9783836241588 |
Zustand | Neuware |
Haben Sie eine Frage zum Produkt? |
aus dem Bereich