HTML, XHTML & CSS - Der Meisterkurs (eBook)

HTML, XHTML & CSS - Der Meisterkurs (eBook)

Müssen Sie schnell HTML lernen? Dank der grafischen Gestaltung und der schrittweisen, aufgabenorientierten Anleitungen dieses Bestsellers unter den HTML-Referenzen können Sie HTML in kürzester Zeit meistern. In dieser Ausgabe führt Webexpertin und Bestsellerautorin Elizabeth Castro Sie mit klaren Anleitungen und lesefreundlichem Stil in die wesentlichen Punkte der modernen HTML- und XHTML-Verwendung ein. Sie lernen, wie Sie eigene Websites entwerfen, strukturieren und formatieren, wie Sie Bilder, Links, Styles, Listen, Tabellen, Frames und Formulare erstellen und verwenden, wie Sie Sounds und Filme hinzufügen. Schließlich erfahren Sie, wie Sie Ihre Site testen und debuggen und im Web veröffentlichen. Dabei werden Themen wie CSS-Techniken, die aktuellen Browser (Opera, Safari, Firefox) und die Seitenerstellung für mobile Geräte und noch vieles mehr ausführlich erläutert.Da sich sowohl das Web als auch die Browser weiterentwickeln, sind Notlösungen zur Umgehung der unzähligen Faktoren, die das Erscheinungsbild einer Webseite beeinflussen, keine Lösung mehr. Die Benutzer erwarten, dass Webseiten unter allen Umständen gut aussehen. Mit dieser Ausgabe können Sie Webseiten gestalten, die diesen Anforderungen entsprechen. Wenn Sie den großzügig illustrierten Schritt-für-Schritt-Anleitungen folgen, schreiben Sie im Nu sauberen Code, der in verschiedenen Browserversionen und Plattformen funktioniert (auch auf Handheld-Geräten und Handys).

---

Inhaltsangabe

1;HTML, XHTML & CSS - Der Meisterkurs;1 2;Inhaltsverzeichnis;6 2.1;Einführung;6 2.2;Kapitel 1: Die Bestandteile einer Webseite;6 2.3;Kapitel 2: Die Arbeit mit ­Webseitendateien;6 2.4;Kapitel 3: Die grundlegende (X)HTML-Struktur;7 2.5;Kapitel 4: Grundlegende Formatierungen in (X)HTML;7 2.6;Kapitel 5: Bilder;7 2.7;Kapitel 6: Links;8 2.8;Kapitel 7: Bausteine der Stylesheets;8 2.9;Kapitel 8: Die Arbeit mit Stylesheets;8 2.10;Kapitel 9: Selektoren definieren;8 2.11;Kapitel 10: Formatierungen mit CSS-Regeln;9 2.12;Kapitel 11: Formatierungen mit CSS;9 2.13;Kapitel 12: Dynamische Effekte mit CSS;9 2.14;Kapitel 13: Stylesheets für Handhelds;10 2.15;Kapitel 14: Stylesheets für die Druckausgabe;10 2.16;Kapitel 15: Listen;10 2.17;Kapitel 16: Tabellen;10 2.18;Kapitel 17: Formulare;11 2.19;Kapitel 18: Video, Audio und weitere Multimedia;11 2.20;Kapitel 19: Skripte;12 2.21;Kapitel 20: Ein kleiner Vorgeschmack auf JavaScript;12 2.22;Kapitel 21: Symbole und nicht-englische Zeichen;12 2.23;Kapitel 22: Webseiten testen und debuggen;12 2.24;Kapitel 23: Webseiten im Internet publizieren;13 2.25;Kapitel 24: Besucher auf die Website leiten;13 2.26;Kapitel 25: Syndication und Podcasting;13 2.27;Anhang A: (X)HTML-Referenz;14 2.28;Anhang B: CSS-Eigenschaften und Werte;14 2.29;Anhang C: Eingebettete Ereignisse;14 2.30;Anhang D: Symbole und Zeichen in (X)HTML;14 2.31;Anhang E: Hexadezimalzahlen;14 2.32;Anhang F: (X)HTML-Tools;14 2.33;Stichwortverzeichnis;14 3;Einführung;16 3.1;Das Internet, das Web und HTML ;17 3.2;Offen, aber nicht gleich;18 3.3;Die Browser-Kriege;19 3.4;Das Bemühen um Standards;20 3.5;CSS und die Unterstützung der Browser ;23 3.6;XHTML oder HTML – was sollen Sie nehmen?;24 3.7;Wie dieses Buch aufgebaut ist;26 3.8;Was hat sich in der 6. Auflage geändert?;27 3.9;Die Website zum Buch;29 4;1 Die Bestandteile einer Webseite;32 4.1;Markup – Elemente, Attribute und Werte;33 4.2;Der Textinhalt einer Webseite ;37 4.3;Links, Bilder und andere Nicht-Text-Inhalte;38 4.4;Dateinamen;39 4.5;URLs;40 4.6;HTML und XHTML;43 4.7;Versionen, Spielarten und DOCTYPE;45 4.8;Die Standarddarstellung von (X)HTML ;47 5;2 Die Arbeit mit Webseitendateien;50 5.1;Die Konzeption Ihrer Site ;51 5.2;Erstellen einer neuen Webseite;52 5.3;Speichern der Webseite ;53 5.4;Über Microsoft Word und Webseiten;55 5.5;Die Angabe einer Standard- oder „Home“-Page;56 5.6;Die Bearbeitung von Webseiten ;57 5.7;Dateiorganisation;58 5.8;Die Darstellung Ihrer Seite in einem Browser ;59 5.9;Inspiration durch andere;60 6;3 Die grundlegende (X)HTML-Struktur ;62 6.1;Erste Arbeiten für die Webseite ;63 6.2;Die Grundlagen;65 6.3;Deklaration der Kodierung ;66 6.4;Den Seitentitel erstellen;67 6.5;Abschnittsüberschriften erstellen;68 6.6;Neuen Absatz beginnen;69 6.7;Elemente benennen ;70 6.8;Eine Seite in Abschnitte einteilen;71 6.9;Einen Inline-Bereich erstellen;72 6.10;Einen Zeilenumbruch erstellen;73 6.11;Kommentare einfügen;74 6.12;Elemente auf einer Webseite etikettieren;75 7;4 Grundlegende Formatierungen in (X)HTML;78 7.1;Text kursiv oder fett machen;79 7.2;Schriftgröße ändern;80 7.3;Nichtproportionale Schrift;81 7.4;Präformatierter Text ;82 7.5;Text zitieren;83 7.6;Hoch- und tiefgestellter Text;85 7.7;Geänderten Text markieren;86 7.8;Abkürzungen erklären;87 7.9;Elemente auf einer Seite zentrieren;88 8;5 Bilder;90 8.1;Allgemeines über Bilder im Web;91 8.2;Bilder produzieren;95 8.3;Die Wahl des Bildbearbeitungsprogramms;96 8.4;Der Befehl „Für Web und Geräte speichern“;97 8.5;Bilder in einer Seite einfügen;99 8.6;Alternativtexte anbieten;100 8.7;Dateigröße zur schnelleren Darstellung verändern;101 8.8;Ein Bild skalieren;103 8.9;Bilder verkleinern;104 8.10;Text um Bilder fließen lassen;105 8.11;Textumfluss verhindern;107 8.12;Freiräume um ein Bild herum schaffen;108 8.13;Bilder ausrichten;109 8.14;Horizontale Trennlinien einfügen;110 8.15;Ein Symbol für Ihre Website;111 9;6 Links;114 9.1;Einen Link auf eine andere Webseite erstellen;115 9.2;Verweise erstellen;117 9.3;Auf einen bestimmten Anker verweisen;118 9.4;Links in bestimmten Fenstern darstellen;119 9.5;Ein Standardzielfenster setzen;120 9.6;Andere Arten von Links erstellen;121 9.7;Tastaturkürzel für Links erstellen;123 9.8;Die Sprungreihenfolge für Links festlegen;124 9.9;Links mit Bildern ausstatten;125 9.10;Thumbnails mit Bildern verknüpfen;126 9.11;Bilder in anklickbare Bereiche aufteilen;127 9.12;Eine clientseitige Image-Map erstellen;128 10;7 Bausteine der Stylesheets ;132 10.1;Erstellen einer CSS-Regel;133 10.2;CSS-Regeln durch K­ommentare ergänzen;134 10.3;Die Kaskade – Wenn Regeln kollidieren;135 10.4;Der Wert einer Eigenschaft ;137 11;8 Die Arbeit mit Stylesheets;142 11.1;Ein externes Stylesheet erstellen;143 11.2;Externe Stylesheets verknüpfen;144 11.3;Alternative Stylesheets anbieten;145 11.4;Ein internes Stylesheet erstellen;146 11.5;Externe Stylesheets importieren;147 11.6;Die Arbeit mit medienspezifischen Stylesheets ;148 11.7;CSS-Regeln lokal anwenden;149 11.8;Die Bedeutung des Standorts;150 11.9;Inspiration durch andere – CSS;151 12;9 Selektoren definieren ;154 12.1;Selektoren konstruieren;155 12.2;Elemente nach Name auswählen;156 12.3;Elemente anhand von id oder class wählen;157 12.4;Elemente nach Kontext auswählen;158 12.5;Teile eines Elements auswählen;161 12.6;Link-Elemente auf ihrem Status basierend auswählen;163 12.7;Elemente nach Attributen auswählen;164 12.8;Elemente gruppenweise auswählen;165 12.9;Selektoren kombinieren;166 13;10 Formatierungen mit CSS-Regeln ;168 13.1;Die Wahl der Schriftfamilie;169 13.2;Alternative Schriften angeben;170 13.3;Kursivschrift;171 13.4;Text fett formatieren;172 13.5;Die Schriftgröße angeben;173 13.6;Die Zeilenhöhe setzen;175 13.7;Alle Schriftwerte auf einmal setzen;176 13.8;Die Farbe festlegen;177 13.9;Den Hintergrund von Text verändern;178 13.10;Abstände steuern;179 13.11;Einrückungen vornehmen;180 13.12;Whitespace festlegen;181 13.13;Textausrichtung;182 13.14;Groß- oder Kleinbuchstaben erzwingen;183 13.15;Kapitälchen;184 13.16;Textdekorationen;185 14;11 Formatierungen mit CSS;188 14.1;Die Strukturierung von Webseiten;189 14.2;Das Box-Modell;190 14.3;Den Hintergrund verändern;191 14.4;Höhe oder Breite für Elemente festlegen;193 14.5;Ränder um ein Element festlegen;195 14.6;Padding für Elemente ;196 14.7;Elemente aus dem natürlichen Fluss verschieben;197 14.8;Elemente absolut positionieren;198 14.9;Ein Element am Browser-Fenster befestigen;199 14.10;Elemente floaten lassen;200 14.11;Das Floaten von Elementen steuern;201 14.12;Elemente übereinander positionieren;202 14.13;Einen Rahmen setzen;203 14.14;Ein anderer Mauszeiger;205 14.15;Überlaufende Elemente ;206 14.16;Elemente vertikal ausrichten;207 15;12 Dynamische Effekte mit CSS ;210 15.1;Elemente darstellen und verbergen;211 15.2;Rollover-Buttons erstellen;213 15.3;Pop-ups erstellen;214 15.4;Drop-down-Menüs mit Listen erstellen;215 15.5;Überschriften durch Bilder ersetzen;217 16;13 Stylesheets für Handhelds;220 16.1;Mobilisieren kontra Miniaturisieren;221 16.2;Ein Blick auf Ihre Site;222 16.3;XHTML und CSS für Handhelds;223 16.4;Stylesheets für Handhelds;225 16.5;Irrelevante Elemente verbergen;226 16.6;Überschriftsbilder erstellen und einsetzen;227 16.7;Extra-Links zum Seitenanfang erstellen;228 16.8;Anpassungen für den kleinen Bildschirm ;229 17;14 Stylesheets für die Druckausgabe;232 17.1;Stylesheets für Print erstellen;233 17.2;Wie sich Print-Stylesheets unterscheiden;234 17.3;Seitenumbruch steuern;235 17.4;Link-URLs drucken;236 17.5;Schusterjungen und Hurenkinder ;237 18;15 Listen;240 18.1;Nummerierte und Aufzählungslisten;241 18.2;Aufzählungszeichen wählen;243 18.3;Der Beginn der Listennummerierung;244 18.4;Eigene Aufzählungszeichen verwenden;245 18.5;Den Einzug von Aufzählungszeichen steuern;246 18.6;Alle Eigenschaften für list-style auf einmal setzen;247 18.7;Definitionslisten erstellen;248 18.8;Verschachtelte Listen;249 19;16 Tabellen ;252 19.1;Entwurf einer Webseite ;253 19.2;Einfache Tabellen;254 19.3;Rahmen hinzufügen;255 19.4;Die Rahmenbreite setzen ;257 19.5;Eine Tabelle zentrieren;259 19.6;Text um eine Tabelle fließen lassen;260 19.7;Tabellen kombinieren;261 19.8;Die Zelleninhalte ausrichten;263 19.9;Den Hintergrund ändern;265 19.10;Der Raum, der die Zellen umgibt;267 19.11;Eine Zelle über mehrere Spalten ;269 19.12;Zellen über mehrere Zeilen ;270 19.13;Tabellen in Spaltengruppen aufteilen ;271 19.14;Horizontale Untergliederung in Tabellen ;273 19.15;Die Wahl der Rahmendarstellung;274 19.16;Zeilenumbrüche in einer Zelle steuern;276 19.17;Die Darstellung von Tabellen beschleunigen;277 20;17 Formulare ;280 20.1;Formulare erstellen;281 20.2;Die Verarbeitung von Formularen;283 20.3;Formulardaten per E-Mail versenden;285 20.4;Die Formularelemente strukturieren;287 20.5;Textboxen erstellen;289 20.6;Passwortfelder erstellen;290 20.7;Formularbestandteile formell kennzeichnen;291 20.8;Radio-Buttons erstellen;292 20.9;Menüs erstellen;293 20.10;Checkboxen erstellen;295 20.11;Größere Textbereiche erstellen;296 20.12;Besuchern das Hochladen von Dateien ermöglichen;297 20.13;Versteckte Felder erstellen;298 20.14;Senden-Buttons erstellen;299 20.15;Das Formular zurücksetzen;301 20.16;Daten anhand eines Bild übermitteln;303 20.17;Die Sprungreihenfolge in einem Formular festlegen;304 20.18;Tastaturkürzel;305 20.19;Formularelemente deaktivieren;306 20.20;Verändern der Elemente verhindern;307 21;18 Video, Audio und weitere Multimedia;310 21.1;Von Playern und Plug-ins;311 21.2;Player für die Besucher ;312 21.3;Multimedia-Dateien ;313 21.4;Multimedia-Dateien verlinken;314 21.5;QuickTime-Filme für Windows einbetten;315 21.6;QuickTime-Filme in alle Browser außer IE einbetten;317 21.7;QuickTime-Filme in alle Browser einbetten;319 21.8;Einen Film mit JavaScript aufrufen;321 21.9;Einen QuickTime-Film skalieren;323 21.10;Eine andere Hintergrundfarbe für den Film ;324 21.11;Einen QuickTime-Film als Schleife;325 21.12;Ein Preview anbieten;326 21.13;Attribute für sekundäre Filme;327 21.14;Nachfolgende Filme anbieten;328 21.15;MP3-Audiodateien einbetten;329 21.16;Windows Media Player einbetten – Teil 1 ;331 21.17;Windows Media Player einbetten – Teil 2 ;333 21.18;Flash einbetten;334 21.19;Google- und YouTube-Videos einbetten ;335 21.20;Java-Applets einfügen;337 21.21;Andere Multimedia-Dateien einbinden;338 21.22;Eine automatische Diashow erstellen;339 22;19 Skripte;342 22.1;Ein „automatisches“ Skript einfügen;343 22.2;Ein externes Skript automatisch aufrufen ;344 22.3;Ein Skript auslösen;345 22.4;Button zur Ausführung von Skripten erstellen;347 22.5;Alternativinformationen;348 22.6;Skripte vor älteren Browsern verbergen;349 22.7;Skripte vor XML-Parsern verbergen;350 22.8;Eine Skripting-Sprache als Standard setzen;351 23;20 Ein kleiner Vorgeschmack auf JavaScript ;354 23.1;Datum und Zeit einfügen;355 23.2;Andere Fenstergrößen festlegen;356 23.3;Bildwechsel durch Mauszeiger ;357 23.4;Bilder in den Cache laden;359 24;21 Symbole und nicht-englische Zeichen;362 24.1;Über Zeichenkodierungen;363 24.2;Zeichenkodierungen für Webseiten;365 24.3;Die Kodierung eines ­Stylesheets;367 24.4;Die korrekte Kodierung einer Webseite;368 24.5;Bearbeitung von Seiten mit korrekter Kodierung;369 24.6;Nicht in der Kodierung enthaltene Zeichen hinzufügen;371 24.7;Die Sprache einer Seite festlegen;373 25;22 Webseiten testen und debuggen;376 25.1;Einige Debugging-Techniken;377 25.2;Überprüfen Sie zuerst die einfachen Dinge!;378 25.3;Die simplen Sachen bei HTML;379 25.4;Die simplen Sachen bei XHTML;380 25.5;Die simplen Sachen bei CSS;381 25.6;Den Code validieren;382 25.7;Webseiten testen;383 25.8;Wenn der Browser den Code ausgibt;385 25.9;Wenn keine Bilder dargestellt werden;386 25.10;Unterschiede zwischen den Browsern ;387 25.11;Sie hängen immer noch fest?;388 26;23 Webseiten im Internet publizieren;390 26.1;Einen Host für die Site finden;391 26.2;Einen eigenen Domänennamen;392 26.3;Dateien auf den Server bringen;393 27;24 Besucher auf die Website leiten ;398 27.1;Über Schlüsselwörter;399 27.2;Schlüsselwörter explizit auflisten;400 27.3;Die eigenen Webseiten näher beschreiben;401 27.4;Weitere Informationen einfügen;402 27.5;Unerwünschte Besucher fernhalten;403 27.6;Seiten vom Archivieren ausschließen;404 27.7;Eine Sitemap manuell erstellen;405 27.8;Google Sitemaps;406 27.9;Die Website bei Suchmaschinen eintragen lassen;407 27.10;Verbesserung des Rankings durch Verlinkung;408 27.11;Leicht indexierbare Seiten schreiben;409 27.12;Weitere Techniken zum Publizieren von Websites;410 28;25 Syndication und Podcasting;412 28.1;Die Struktur eines Feed;413 28.2;Vorbereitende Arbeiten für die Syndication;415 28.3;Einen RSS-Feed einrichten;416 28.4;Die Website im Feed beschreiben;417 28.5;Elemente in einen Feed ­einbauen;419 28.6;Mediendateien (Enclosures) einfügen;421 28.7;Podcasts für iTunes erstellen;423 28.8;Einen Feed validieren;429 28.9;Einen Podcast an iTunes übermitteln;430 28.10;RSS-Feeds auf der eigenen Seite veröffentlichen;431 28.11;RSS-Feeds abonnieren;433 28.12;Podcasts in iTunes abonnieren;434 29;Anhang;435 29.1;A (X)HTML-Referenz;436 29.1.1;Elemente und Attribute von (X)HTML ;437 29.2;B CSS-Eigenschaften und -Werte;445 29.2.1;CSS-Eigenschaften und -Werte ;446 29.3;C Eingebettete Ereignisse;453 29.3.1;Eingebettete Ereignisse ;454 29.4;D Symbole und Zeichen in (X)HTML ;455 29.4.1;Entities für Zeichen mit einer Sonderbedeutung in HTML und XHTML;456 29.4.2;Entities für Akzentzeichen, Akzente und andere diakritische Zeichen aus westeuropäischen Sprachen ;456 29.4.3;Entities für Satz- und Sonderzeichen;458 29.4.4;Entities für mathematische und technische Zeichen (einschließlich griechischer Symbole) ;460 29.4.5;Entities für Pfeile und andere Formen;463 29.5;E Hexadezimalzahlen ;464 29.5.1;Dezimale Äquivalente von Hexadezimalzahlen;465 29.6;F (X)HTML-Tools;466 29.6.1;(X)HTML-Editoren;467 29.6.2;(X)HTML-Editoren;468 29.6.3;Bilder und Grafiken;468 29.6.4;Bildbearbeitungsprogramme;469 30;Stichwortverzeichnis;470 30.1;Symbole;470 30.2;A;470 30.3;B;471 30.4;C;472 30.5;D;473 30.6;E;474 30.7;F;475 30.8;G;476 30.9;H;476 30.10;I;477 30.11;J;478 30.12;K;478 30.13;L;478 30.14;M;479 30.15;N;479 30.16;O;480 30.17;P;480 30.18;Q;481 30.19;R;481 30.20;S;482 30.21;T;484 30.22;U;485 30.23;V;485 30.24;W;486 30.25;X;486 30.26;Y;487 30.27;Z;487 32;© Copyright;488