Das umfassende Nachschlagewerk zur Webseitengestaltung vom Rheinwerk-Allzweck-Autor Jürgen. In der Kategorie "deutschsprachiges Nachschlagewerk" eigentlich alternativlos.— Nina Otto (Buchhändlerin, Lehmanns Media)
- Moderne Webseiten programmieren und gestalten
- Alle neuen Features von HTML5, CSS3 und JavaScript
- Video, Audio, HTML5-APIs, YAML, Bootstrap u.v.m.
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.
Das umfassende Handbuch zum Lernen und Nachschlagen!
Mit den neuen Webstandards von HTML5, CSS3 und JavaScript können Sie faszinierende Webseiten gestalten. Nutzen Sie die neuen Möglichkeiten: Video, Audio, 2D- und 3D-Grafiken, lokaler Speicher, abgerundete Ecken, Schatten, unterschiedliche Deckkraft, Transparenzen, Einsatz beliebiger Schriften, neue Farbangaben, Geolocation, Drag & Drop u. v. m.
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.
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.
Vorwort ... 25
1. Einführung in das HTML5-Universum ... 29
1.1 ... Ist dieses Buch überhaupt etwas für mich? ... 30
1.2 ... Die verschiedenen Typen von Webseiten ... 31
1.3 ... Dynamische und statische Webseiten ... 36
1.4 ... Sprachen für die Gestaltung und Entwicklung im Web ... 40
1.5 ... Was brauche ich, um hier anzufangen? ... 44
1.6 ... Verwendete Konventionen im Buch ... 55
1.7 ... Zusammenfassung ... 56
2. Grundlegender Aufbau von HTML(-Dokumenten) ... 57
2.1 ... Syntax und Aufbau von HTML(-Dokumenten) ... 57
2.2 ... Ein einfaches HTML-Dokument-Grundgerüst ... 67
2.3 ... Zusammenfassung ... 71
3. Die Kopfdaten eines HTML-Dokuments ... 73
3.1 ... Die HTML-Elemente für den Kopf in der Übersicht ... 74
3.2 ... -- Die Überschrift der HTML-Seite ... 75
3.3 ... Exkurs: Namenskonvention und Referenzierung ... 76
3.4 ... Die Basis-URL einer Webseite mit definieren ... 81
3.5 ... Beziehung zu einem externen Dokument mit ... 83
3.6 ... Dokumentglobale CSS-Stile mit notieren ... 88
3.7 ... Skripte in Webseiten einbinden mit ... 91
3.8 ... Metainformationen für das Dokument mit ... 93
3.9 ... Zusammenfassung ... 102
4. Der sichtbare Bereich eines HTML-Dokuments ... 105
4.1 ... Ein HTML-Dokument in sinnvolle Bereiche aufteilen ... 105
4.2 ... HTML-Elemente für Kopf- und Fußbereiche ... 115
4.3 ... Gruppieren und Aufteilen von Inhalten ... 124
4.4 ... HTML-Elemente für Textauszeichnungen ... 136
4.5 ... Die HTML-Elemente zur Listendarstellung ... 160
4.6 ... Exkurs: Zeichencodierung ... 169
4.7 ... Zeichenentitäten in HTML ... 172
4.8 ... Zusammenfassung ... 173
5. Tabellen, Hyperlinks und Bilder ... 175
5.1 ... Daten in einer Tabelle strukturieren ... 175
5.2 ... »Elektronische« Verweise aka Hyperlinks mit ... 190
5.3 ... Bilder mit einbinden ... 209
5.4 ... Verweissensitive Grafiken aka Image-Map erstellen ... 219
5.5 ... Ein Icon für die Webseite hinzufügen (Favicon) ... 226
5.6 ... Zusammenfassung ... 228
6. Das neue semantische HTML verwenden ... 229
6.1 ... Altes Content-Modell von HTML 4.01 ... 230
6.2 ... Neues Content-Modell von HTML5 ... 231
6.3 ... Das neue semantische HTML verwenden ... 235
6.4 ... Zugänglichkeit von Webseiten mit ARIA ... 244
6.5 ... Zusammenfassung ... 257
7. HTML-Formulare erstellen ... 259
7.1 ... Einen Bereich für Formulare definieren ... 260
7.2 ... Die HTML-Eingabefelder für Formulare ... 261
7.3 ... Die neuen HTML5-Eingabefelder mit ... 274
7.4 ... Die neuen HTML5-Attribute für Eingabefelder ... 280
7.5 ... Weitere nützliche Helferlein für Eingabefelder ... 287
7.6 ... Formulardaten mit PHP versenden ... 290
7.7 ... 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 ... 308
8.4 ... Zusammenfassung ... 319
9. Die Selektoren von CSS ... 321
9.1 ... Die einfachen Selektoren von CSS ... 323
9.2 ... Kombinatoren -- Die Selektoren verketten ... 361
9.3 ... Performance verschiedener Selektoren ... 370
9.4 ... Zusammenfassung ... 371
10. Die Vererbung und die Kaskade ... 375
10.1 ... Das Prinzip der Vererbung in CSS ... 375
10.2 ... Das Regelsystem der Kaskade verstehen ... 382
10.3 ... Exkurs: Werte an CSS-Eigenschaften übergeben ... 391
10.4 ... Zusammenfassung ... 403
11. Das Box-Modell von CSS ... 405
11.1 ... Das klassische Box-Modell von CSS ... 406
11.2 ... Das neue alternative Box-Modell von CSS3 ... 417
11.3 ... Boxen gestalten ... 426
11.4 ... Zusammenfassung ... 447
12. CSS-Positionierung ... 449
12.1 ... Positionierung mit der CSS-Eigenschaft »position« ... 449
12.2 ... Übereinanderstapeln regeln mit »z-index« ... 460
12.3 ... Schwebende Boxen für die Positionierung mit »float« ... 470
12.4 ... Die neuen flexiblen Boxen von CSS3 ... 485
12.5 ... Zusammenfassung ... 492
13. Das Layout mit CSS gestalten ... 493
13.1 ... Exkurs: Was bedeutet feste und flexible Breite? ... 494
13.2 ... Ein zweispaltiges Layout erstellen ... 495
13.3 ... Ein dreispaltiges Layout erstellen ... 510
13.4 ... Responsive Layouts mit Media Queries erstellen ... 529
13.5 ... Das Layout mit einem Raster (Grid) erstellen ... 569
13.6 ... Verhalten von HTML-Elementen mit »display« ändern ... 601
13.7 ... Zusammenfassung und »Da geht noch (viel) mehr ...« ... 603
14. Stylen mit CSS ... 605
14.1 ... Textgestaltung mit CSS ... 606
14.2 ... Listen mit CSS gestalten ... 640
14.3 ... Schönere Tabellen mit CSS gestalten ... 651
14.4 ... Bilder und Grafiken mit CSS gestalten ... 657
14.5 ... Elemente transformieren mit CSS3 ... 668
14.6 ... Übergänge mit CSS3 erstellen ... 674
14.7 ... HTML-Formulare mit CSS stylen ... 676
14.8 ... Zusammenfassung ... 685
15. Testen und Organisieren von CSS ... 687
15.1 ... CSS und die Webbrowser ... 688
15.2 ... Webseiten mit CSS in verschiedenen Größen betrachten ... 690
15.3 ... Zentrales Stylesheet einrichten ... 693
15.4 ... Eingebaute Stilvorgaben des Webbrowsers und CSS-Reset ... 696
15.5 ... Normalisierung -- Die Alternative zum CSS-Reset ... 698
15.6 ... Die neuen HTML5-Elemente mit CSS stylen ... 699
15.7 ... Conditional Comments für den alten IE ... 701
15.8 ... Modernizr -- Fähigkeiten des Webbrowsers testen ... 704
15.9 ... Entwickler-Tools des Webbrowsers ... 706
15.10 ... Zusammenfassung ... 709
16. Fertige CSS-Frameworks ... 711
16.1 ... Übersicht über beliebte CSS-Frameworks ... 712
16.2 ... Das Bootstrap-Framework ... 713
16.3 ... Exkurs zu CSS-Präprozessoren ... 743
16.4 ... Zusammenfassung ... 750
17. Eine kurze Einführung in JavaScript ... 751
17.1 ... Was ist JavaScript? ... 751
17.2 ... Einbinden von JavaScript in HTML ... 753
17.3 ... Die Verwendung von Variablen in JavaScript ... 760
17.4 ... (K)eine Ausgabe mit JavaScript ... 763
17.5 ... Arithmetische Operatoren in JavaScript ... 768
17.6 ... Wiederkehrende Anweisungen in Funktionen packen ... 770
17.7 ... Die Verzweigungen in JavaScript ... 776
17.8 ... Ein Array für mehrere Daten verwenden ... 782
17.9 ... Anweisungen mit Schleifen mehrmals wiederholen ... 784
17.10 ... Die Objekte in JavaScript ... 790
17.11 ... Strengeres, strikteres JavaScript ... 795
17.12 ... Zusammenfassung ... 796
18. HTML DOM und DOM-Manipulation ... 797
18.1 ... Einführung in das DOM eines HTML-Dokuments ... 798
18.2 ... Das »document«-Objekt ... 799
18.3 ... Die Programmierschnittstelle von HTML DOM ... 800
18.4 ... Nach bestimmten HTML-Elementen suchen ... 801
18.5 ... HTML-Element, -Attribut oder den Style ändern ... 813
18.6 ... Auf JavaScript Events reagieren ... 819
18.7 ... Mit dem Event Handler die Ereignisse behandeln ... 820
18.8 ... Gängige JavaScript Events in der Übersicht ... 824
18.9 ... Weitere Informationen von den JavaScript Events ... 829
18.10 ... Standardaktion von Events unterdrücken ... 832
18.11 ... HTML-Elemente hinzufügen, ändern, entfernen ... 834
18.12 ... HTML-Formulare und JavaScript ... 849
18.13 ... Zusammenfassung ... 855
19. Fertige JavaScript-Objekte ... 857
19.1 ... Ganz oben ist das »window«-Objekt ... 858
19.2 ... Das »screen«-Objekt für die Angaben zum Bildschirm ... 864
19.3 ... Das »location«-Objekt für den Zugriff auf die URI ... 865
19.4 ... Das »history«-Objekt für den Browserverlauf ... 867
19.5 ... Das »navigator«-Objekt für verschiedene Informationen ... 867
19.6 ... Fertige Objekte, die von JavaScript angeboten werden ... 869
19.7 ... Zusammenfassung ... 870
20. Eine Einführung in Ajax und in jQuery ... 873
20.1 ... Eine Einführung in die Ajax-Programmierung ... 873
20.2 ... Einführung in die JavaScript-Bibliothek jQuery ... 894
20.3 ... Zusammenfassung ... 926
21. Über Grafiken und multimediale Inhalte ... 927
21.1 ... Vektorgrafiken in HTML-Dokumenten verwenden ... 928
21.2 ... Malen mit JavaScript und ... 935
21.3 ... Videos mit dem HTML-Element abspielen ... 950
21.4 ... Audios mit dem HTML-Element abspielen ... 961
21.5 ... Andere aktive Inhalte einbinden ... 965
21.6 ... Bildergalerie mit Lightbox verwenden ... 970
21.7 ... Zusammenfassung ... 973
22. Weitere interessante HTML5-Features ... 975
22.1 ... Den Standort ermitteln mit der Geolocation-API ... 976
22.2 ... Ziehen und Fallenlassen mit der Drag&Drop-API ... 989
22.3 ... Offlinedaten zur Verfügung stellen ... 999
22.4 ... Web Workers -- Die Helfer im Hintergrund ... 1011
22.5 ... Aktualisieren ohne Anfrage mit Server Sent Events ... 1020
22.6 ... Weitere interessante APIs im Schnelldurchlauf ... 1024
22.7 ... Zusammenfassung ... 1035
Anhang ... 1039
A ... HTML-Referenz ... 1039
B ... CSS-Referenz ... 1147
C ... HTML-/WYSIWYG-/CSS-Editoren ... 1217
Index ... 1221
| Erscheint lt. Verlag | 28.5.2015 |
|---|---|
| Reihe/Serie | Rheinwerk Computing |
| Verlagsort | Bonn |
| Sprache | deutsch |
| Maße | 168 x 240 mm |
| Gewicht | 2396 g |
| Einbandart | gebunden |
| Themenwelt | Informatik ► Web / Internet ► HTML / CSS |
| 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-2885-8 / 3836228858 |
| ISBN-13 | 978-3-8362-2885-5 / 9783836228855 |
| Zustand | Neuware |
| Haben Sie eine Frage zum Produkt? |
aus dem Bereich
