HTML5 und CSS3

25.05.2015

Deutsch

9783836228855

Rheinwerk

Nein

Jürgen Wolf

1237

1

Gebundene Ausgabe

Das umfassende Handbuch. Inkl. JavaScript, Bootstrap, Responsive Webdesign u.v.m.

HTML5, CSS3, Webentwicklung, HTML5-Api, Canvas, JavaScript, Ajax, Web 2.0, Webdesign, UX Design, Responsive Webdesign, Responsive Design

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 ... 1037        A ... HTML-Referenz ... 1039        B ... CSS-Referenz ... 1147        C ... HTML-/WYSIWYG-/CSS-Editoren ... 1217   Index ... 1221

240 mm

16.8 cm