Professionelles Webdesign mit (X)HTML und CSS

1 ... Einfach moderne Websites ... 13
... 1.1 ... Auf dem Weg zur schlanken Website ... 14
... 1.2 ... Eine gute, zugängliche und zukunftsfähige Website ... 19
... 1.3 ... Webstandards und Validierung ... 34
... 1.4 ... Ausrichtung der Website: Zielsetzung und Zielgruppe ... 36

2 ... Die Sprachen (X)HTML und CSS ... 41
... 2.1 ... (X)HTML ... 41
... 2.2 ... CSS ... 48

3 ... Struktur und semantischer Quellcode - (X)HTML und ein wenig CSS ... 63
... 3.1 ... Bereiche - DIV ... 65
... 3.2 ... Überschriften - H1 bis H6 ... 71
... 3.3 ... Text - Textabsätze, Betonungen und Zitate ... 78
... 3.4 ... Links - A ... 94
... 3.5 ... Listen - UL, OL, DL ... 107
... 3.6 ... Tabellen - TABLE ... 124
... 3.7 ... Formulare - FORM ... 146
... 3.8 ... Eine Kontaktseite ... 164
... 3.9 ... Einbettung interaktiver Inhalte ... 169

4 ... Abbau von Barrieren ... 179
... 4.1 ... Vorurteile und Märchen ... 185
... 4.2 ... Hilfsmittel und -geräte ... 186
... 4.3 ... Grafiken und Bilder ... 189
... 4.4 ... Links und Verknüpfungen ... 195
... 4.5 ... Überschriften ... 221
... 4.6 ... Schriftgrößen ... 226
... 4.7 ... Styleswitcher ... 228
... 4.8 ... Sprache ... 233
... 4.9 ... Abkürzungen und Akronyme ... 237
... 4.10 ... Tabellen ... 242
... 4.11 ... Formulare ... 245
... 4.12 ... Flash & Co ... 248
... 4.13 ... Fazit ... 248

5 ... Webdesign: Farbe, Grafik, Typografie und CSS ... 251
... 5.1 ... Die Planung einer Webpräsenz ... 251
... 5.2 ... Welche Rolle spielt Grafik im Webdesign? ... 253
... 5.3 ... Farbe und Webdesign ... 256
... 5.4 ... Mehr Abstand, bitte! - Rahmen und Ränder definieren ... 265
... 5.5 ... Die Verwendung von Bildern für die Gestaltung von Webseiten ... 279
... 5.6 ... Typografie im Web ... 290

6 ... Das Design der Website ... 305
... 6.1 ... Die Sitemap ... 305
... 6.2 ... Die Designskizze ... 306
... 6.3 ... Dateivorbereitung ... 308
... 6.4 ... Farbschemabestimmung der Website zum Buch ... 312
... 6.5 ... Das Designmodell und seine Umsetzung in CSS ... 313
... 6.6 ... Optimierung für alle Browser und Hack-Management ... 330

7 ... Im Schnelltest: Webseiten auf Fehler und Barrieren testen ... 339
... 7.1 ... Die Werkzeuge ... 339
... 7.2 ... Die Tests ... 342
... 7.3 ... Fehler aufspüren und beseitigen ... 347

8 ... Ein Blick in die Zukunft ... 351
... 8.1 ... Informationsfutter - Feeds, RSS und Atom ... 351
... 8.2 ... AJAX ... 352
... 8.3 ... Mikroformate ... 353
... 8.4 ... Das denken die Experten ... 354

Index ... 361