| |
| Inhaltsverzeichnis |
| |
| Einführung | 17 |
| | Über dieses Buch | 17 |
| | Wie Sie dieses Buch nutzen | 18 |
| | Törichte Annahmen über den Leser | 19 |
| | Wie dieses Buch aufgebaut ist | 19 |
| | | Teil I: (X)HTML kennen lernen | 19 |
| | | Teil II: Webseiten mit (X)HTML formatieren | 20 |
| | | Teil III: Webseiten präzise gestalten | 20 |
| | | Teil IV: Skripts in (X)HTML integrieren | 20 |
| | | Teil V: (X)HTML-Projekte | 20 |
| | | Teil VI: Der Top-Ten-Teil | 21 |
| | | Teil VII: Anhänge | 21 |
| | Symbole, die in diesem Buch verwendet werden | 21 |
| | Wie es weitergeht | 22 |
| |
| Teil I |
| (X) HTML kennen lernen | 23 |
| |
| Kapitel 1 |
| Was Sie mindestens über HTML und das Web Missen müssen | 25 |
| | Webseiten in ihrem natürlichen Umfeld | 25 |
| | | Hypertext | 26 |
| | | Auszeichnungen | 27 |
| | | Browser | 29 |
| | | Webserver | 31 |
| | Anatomie eines URL | 32 |
| | (X) HTML-Komponenten | 33 |
| | | HTML und XHTML: Worin unterscheiden sie sich? | 34 |
| | | Syntax und Regeln | 35 |
| | | Elemente | 37 |
| | | Attribute | 39 |
| | | Entities | 40 |
| | Die Komponenten einer Webseite | 43 |
| | | HTML-Text gliedern . | 44 |
| | | Bilder in HTML-Dokumenten | 46 |
| | | Links und Navigationswerkzeuge | 46 |
| |
| Kapitel 2 |
| Eine Webseite erstellen und anzeigen | 47 |
| | Bevor Sie anfangen | 47 |
| | Eine Seite von Grund auf erstellen | 48 |
| | | Schritt 1: Ein einfaches Design planen | 49 |
| | | Schritt 2: HTML-Code schreiben | 50 |
| | | Schritt 3: Eine Seite speichern | 53 |
| | | Schritt 4: Eine Seite anzeigen | 54 |
| | Eine vorhandene Webseite editieren | 56 |
| | Eine Seite online veröffentlichen | 58 |
| |
| Kapitel 3 |
| Gute Planung verhindert leistungsschwache Webseiten | 61 |
| | Ihre Website planen | 62 |
| | | Eine Sitemap erstellen | 64 |
| | | Eine solide Navigation anbieten | 67 |
| | | Nach außen gehende Links planen | 70 |
| | Einen Host für Ihre Website finden | 72 |
| | | Eine Website selbst hosten | 73 |
| | | Einen Hosting-Provider verwenden | 74 |
| | | Eine eigene Domäne bekommen | 74 |
| | | Dateien auf Ihren Webserver übertragen | 75 |
| |
| Teil II | |
| Webseiten mit (X) HTML formatieren | 79 |
| |
| Kapitel 4 |
| (X) HTML-Dokumente strukturieren | 81 |
| | Ein Dokument strukturieren | 81 |
| | Ein Dokument als (X)HTML-Seite kennzeichnen | 82 |
| | | Eine HTML-DOCTYPE-Deklaration hinzufügen | 82 |
| | | Eine XHTML-DOCTYPE-Deklaration hinzufügen | 82 |
| | | Das -Element | 83 |
| | | Den XHTML-Namensraum hinzufügen | 83 |
| | Einen Dokumentkopf hinzufügen | 84 |
| | | Den Titel der Seite festlegen | 84 |
| | | Metadaten definieren | 85 |
| | | Benutzer automatisch zu einer anderen Seite weiterleiten | 87 |
| | Weitere Strukturattribute für (X)HTML-Dokumente | 90 |
| |
| Kapitel 5 |
| Text und Listen | 91 |
| | Text formatieren | 91 |
| | | Absätze einfügen | 92 |
| | | Überschriften | 94 |
| | Textblöcke kontrollieren | 97 |
| | | Blockzitate | 97 |
| | | Vorformatierter Text | 98 |
| | | Zeilenumbrüche | 100 |
| | | Horizontale Balken | 101 |
| | Informationen organisieren | 105 |
| | | Geordnete (nummerierte) Listen | 105 |
| | | Ungeordnete Listen (Aufzählungen) | 108 |
| | | Definitionslisten verwenden | 111 |
| | | Listen verschachteln | 112 |
| | Text-Controls und Anmerkungen | 114 |
| | Andere Textoder Listen-(X)HTML-Attribute | 115 |
| |
| Kapitel 6 |
| Links zu Online-Ressourcen herstetten | 117 |
| | Einfache Links | 117 |
| | | Link-Optionen | 119 |
| | Häufige URL-Fehler vermeiden | 121 |
| | Links anpassen | 122 |
| | | Neue Fenster | 122 |
| | | Positionen auf Webseiten | 123 |
| | | Nicht-(X)HTML-Ressourcen | 127 |
| | Weitere Link-Attribute | 130 |
| |
| Kapitel 7 |
| Bilder finden und benutzen | 131 |
| | Die Rolle von Bildern auf einer Webseite | 131 |
| | Webfreundliche Bilder erstellen | 131 |
| | Ein Bild in eine Seite einfügen | 134 |
| | | Speicherort des Bildes | 134 |
| | | Das <img /> Element verwenden | 135 |
| | | Alternativen Text hinzufügen | 136 |
| | | Die Größe von Bildern festlegen | 138 |
| | | Den Rahmen eines Bildes festlegen | 141 |
| | | Die Ausrichtung eines Bildes festlegen | 142 |
| | | Bildabstände festlegen | 143 |
| | Bilder in Links verwenden | 145 |
| | | Links aktivieren | 145 |
| | | Eine Imagemap erstellen | 146 |
| | Andere interessante Tricks mit Bildern | 148 |
| |
| Teil III | |
| Webseiten präzise gestatten | 149 |
| |
| Kapitel 8 |
| Einführung in Cascading Style Sheets | 151 |
| | Die Vorteile von Style Sheets | 152 |
| | | Was CSS für eine Webseite tun kann | 153 |
| | Was Sie mit CSS tun können | 154 |
| | Die grundlegende CSS-Syntax | 157 |
| | | Selektoren und Deklarationen kombinieren | 159 |
| | | Mit Stilklassen arbeiten | 160 |
| | | Stile vererben | 162 |
| | Verschiedene Arten von Style Sheets verwenden | 164 |
| | | Interne Style Sheets | 164 |
| | | Externe Style Sheets | 165 |
| | Die Kaskade verstehen | 166 |
| |
| Kapitel 9 |
| Cascading Style Sheets benutzen | 169 |
| | Layout, Positionierung und Darstellung verwalten | 169 |
| | | Spezielle Stile entwickeln | 170 |
| | | Style Sheets externalisieren | 178 |
| | Multimedia | 179 |
| | | Visuelle Medienstile | 180 |
| | | Seitenorientierte Medienstile | 184 |
| | Weitere CSS-Eigenschaften | 186 |
| |
| Kapitel 10 |
| Text mit Farben und Schriftarten kreativ gestatten | 189 |
| | Farben in (X)HTML definieren | 189 |
| | | Farbnamen | 190 |
| | | Farbnummern | 190 |
| | | Hexadezimale Farbcodes | 190 |
| | Farbdefinitionen | 192 |
| | | Text | 192 |
| | | Links | 193 |
| | | Hintergründe | 195 |
| | Schriftarten | 196 |
| | | Schriftfamilie | 196 |
| | | Schriftgrößen | 197 |
| | | Positionierung | 201 |
| | | Textauszeichnungen | 203 |
| | | Die zusammenfassende font-Eigenschaft | 207 |
| |
| Kapitel 11 |
| Mit Tabellen attraktive Seiten entwerfen | 209 |
| | Was Tabellen für Sie tun können | 209 |
| | Grundlegende Tabelleneigenschaften | 212 |
| | Eine Tabelle skizzieren | 213 |
| | | Layoutideen entwickeln | 213 |
| | | Die Tabelle entwerfen | 214 |
| | Grundlegende Tabellen konstruieren | 215 |
| | | Komponenten | 215 |
| | | Layout | 216 |
| | | Rahmen hinzufügen | 220 |
| | | Höhe und Breite anpassen | 224 |
| | | Leerräume und Abstände | 227 |
| | | Die Ausrichtung ändern | 229 |
| | Spannen definieren | 233 |
| | | Spalten überspannen | 233 |
| | | Zeilen überspannen | 234 |
| | Zellen mit Inhalten füllen | 235 |
| | Eine Tabelle testen | 237 |
| | Tipps zur Erstellung von Tabellen | 237 |
| | | Befolgen Sie die Standards | 238 |
| | | HTML-Code sauber schreiben | 238 |
| | | Tabellen in Tabellen einbetten | 239 |
| | | Dichte Tabellen vermeiden | 240 |
| | | Farben zu Zellen hinzufügen | 241 |
| | Andere (X)HTML-Attribute für Tabellen | 241 |
| |
| Teil IV | |
| Skripts in (X) HTML-Ookumente integrieren | 243 |
| |
| Kapitel 12 |
| Skripts in Webseiten einfügen | 215 |
| | Was Java-Script für Ihre Seiten tun kann | 245 |
| | | Inhalte dynamisch anordnen | 247 |
| | | Mit Browserfenstern arbeiten | 249 |
| | | Benutzereingaben anfordern und prüfen | 251 |
| | | Halt... da ist noch mehr! | 253 |
| |
| Kapitel 13 |
| Das Java-Script-Einmaleins | 255 |
| | Skripts in Webseiten einbinden | 255 |
| | Dasselbe Skript auf mehreren Seiten verwenden | 256 |
| | Die Java-Script-Sprache erforschen | 259 |
| | | Grundlegende Syntaxregeln | 259 |
| | | Variablen und Datentypen | 261 |
| | | Ausdrücke verarbeiten | 263 |
| | | Mit Anweisungen arbeiten | 265 |
| | | Schleifen | 268 |
| | | Funktionen | 270 |
| | | Arrays | 272 |
| | | Objekte | 274 |
| | Ereignisse und Ereignisverarbeitung | 275 |
| | Document Object Model (DOM) | 276 |
| | Andere Auszeichnungen | 277 |
| | Referenzen und Ressourcen | 277 |
| |
| Kapitel 14 |
| Mit Formularen arbeiten | 279 |
| | Die vielen Einsatzzwecke für Formulare | 279 |
| | | Suchformulare | 280 |
| | | Datenerfassungsformulare | 281 |
| | Formulare erstellen | 283 |
| | | Die Grundstruktur eines Formulars | 283 |
| | | Eingabe-Elemente verwenden | 284 |
| | | Validierung | 296 |
| | Daten verarbeiten | 297 |
| | | CGI-Skripts und andere Programme mit Formulardaten verwenden | 298 |
| | | Daten per E-Mail senden | 299 |
| | Benutzerfreundliche Formulare gestalten | 300 |
| | Formularspezifische (X)HTML-Auszeichnungen | 302 |
| |
| Kapitel 15 |
| Spaß mit clientseitigen Skripts | 305 |
| | Rollovers in Seiten einfügen | 305 |
| | | Image-Rollovers mit Java-Script | 306 |
| | | Text-Rollovers mit CSS | 309 |
| | Dynamische Inhalte zu einer Seite hinzufügen | 312 |
| | | HTML und Java-Script | 312 |
| | | Java-Script und DOM | 314 |
| | Popup-Fenster anzeigen | 316 |
| | Mit Cookies arbeiten | 318 |
| | Andere objektbezogene Attribute | 321 |
| |
| Teil V | |
| (X) HTML-Projekte | 323 |
| |
| Kapitel 16 |
| Eine persönliche Webseite | 325 |
| | Überblick und Design-Überlegungen | 325 |
| | | Zielgruppenanalyse | 325 |
| | | Elemente der Seite | 326 |
| | Seitenauszeichnungen | 326 |
| | | Ihre Homepage | 326 |
| | | Gutes Aussehen | 329 |
| |
| Kapitel 17 |
| Die eBay-Auktionsseite | 333 |
| | Ihre Auktionsseite entwerfen | 333 |
| | Wichtige Aspekte einer Präsentation | 337 |
| | Eine Vorlage zur Präsentation von Auktionsartikeln verwenden | 338 |
| |
| Kapitel 18 |
| Eine Unternehmenseebsite | 341 |
| | Was Sie beim Entwurf einer eigenen Unternehmenswebsite beachten sollten | 341 |
| | Grundelemente einer Unternehmenswebsite | 342 |
| | | Die Homepage | 343 |
| | | Die Produktseite | 346 |
| | | Die Kontaktseite | 347 |
| | | Das Style Sheet | 349 |
| |
| Kapitel 19 |
| Ein Produktkatalog | 351 |
| | Einen Produktkatalog analysieren | 351 |
| | Einen Einkaufswagen wählen | 354 |
| | | PayPal | 355 |
| | | Andere E-Commerce-Lösungen | 355 |
| | | Einen PayPal-Einkaufswagen einbinden | 357 |
| | Seitenauszeichnungen | 360 |
| |
| Teil VI | |
| Der Top-Ten-Teil | 365 |
| |
| Kapitel 20 |
| Zehn großartige HTML-Tools | 367 |
| | HTML-Editoren | 367 |
| | | Hilfseditoren | 368 |
| | | WYSIWYG-Editoren | 370 |
| | Grafikprogramme | 371 |
| | | Photoshop Elements: der Amateur-Champion | 371 |
| | | Professionelle Programme | 372 |
| | Link-Checker | 373 |
| | | Web Link Validator: der Champion | 374 |
| | | Konkurrenten | 374 |
| | HTML-Validatoren | 374 |
| | | W3C Validator | 375 |
| | | Eingebaute Validatoren | 376 |
| | FTP-Clients | 376 |
| | Schweizer Messer | 377 |
| |
| Kapitel 21 |
| Die zehn wichtigsten Ge- und Verbote bei HTML | 379 |
| | Verlieren Sie Ihre Inhalte nie aus den Augen | 379 |
| | Strukturieren Sie Ihre Dokumente | 380 |
| | Machen Sie aus dem Wenigen das Beste | 380 |
| | Erstellen Sie attraktive Seiten | 381 |
| | Erstellen Sie wohlgeformten HTML-Code und testen Sie | 381 |
| | | Kontrollieren Sie die Auszeichnungen | 382 |
| | | Vermeiden Sie die Abhängigkeit von Browsern | 383 |
| | | Sorgen Sie für eine leichte Navigation | 384 |
| | Halten Sie das Interesse wach | 384 |
| | | Denken Sie evolutionär, nicht revolutionär | 384 |
| | | Umgehen Sie die zweidimensionale Textfalle | 385 |
| | | Überwinden Sie Ihre Trägheit durch ständige Wachsamkeit | 386 |
| |
| Kapitel 22 |
| Zehn Methoden, um Fehler in Webseiten zu Beseitigen | 387 |
| | Vermeiden Sie Sackgassen und Tippfehler | 387 |
| | | Eine Liste aufstellen und doppelt prüfen | 387 |
| | | Die Mechanik des Textes bewältigen | 388 |
| | Halten Sie Ihre verderbliche Ware frisch | 389 |
| | | Prüfen Sie die Links | 389 |
| | | Wenn alte Links bleiben müssen | 390 |
| | | Bleiben Sie am Puls der Zeit | 390 |
| | Prüfen Sie Ihre Site und dann prüfen Sie sie noch einmal! | 391 |
| | | Betatests - eine Site auf Herz und Nieren prüfen | 391 |
| | | Im Zweifel Vorgesetzte und Experten um Rat fragen | 392 |
| | | Verwenden Sie die besten Testwerkzeuge | 392 |
| | | Prüfen Sie Ihre Website regelmäßig | 392 |
| | Eine Site durch Feedback der Benutzer verbessern | 393 |
| | | Fördern Sie das Feedback Ihrer Benutzer | 393 |
| | | Eine Hand wäscht die andere | 394 |
| |
| Teil VII | |
| Anhänge | 395 |
| |
| Anhang A | |
| Ausgemusterte (X) HTML-Elemente und Attribute | 397 |
| |
| Anhang B | |
| CSS - Shorthand- und Aurate Eigenschaften | 399 |
| |
| Anhang C | |
| Glossar | 4 |
| | | | 03 |
| |
| Stichwortverzeichnis | 417 |