Professionelles Webdesign mit (X)HTML und CSS

Björn Seibert studiert Wirtschaftsinformatik in Ludwigshafen. Er beschäftigt sich seit einigen Jahren beruflich mit Webdesign. Zu seinen Schwerpunkten gehören die XHTML- und CSS-Webstandards.

Manuela Hoffmann arbeitet als Grafikerin. Neben klassischem Design gehören auch professionelles Webdesign und Beratung im Bereich Content Management zu ihrer täglichen Arbeit. Ihre Website ist eine der wichtigsten Anlaufstellen in Sachen Webdesign in Deutschland.

lt;b>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