Björn Seibert / Manuela Hoffmann

Professionelles Webdesign mit (X)HTML und CSS

• Buch

Produktbeschreibung

Die Qualität einer Website entscheidet über ihren Erfolg. Wie gut finden sich die Besucher zurecht? Wie durchdacht ist die Navigation, wie ansprechend das Design? Um wirklich professionelle Seiten zu bauen, reichen HTML- und CSS-Kenntnisse alleine nicht aus. Dieses Buch zeigt Ihnen anhand eines Beispielprojekts, wie Sie Ihre Website mit (X)HTML und CSS effektiv und standardkonform umsetzen. Hier wird erklärt, wie Sie Ihre Site strukturieren, welche Elemente Sie wozu einsetzen und wie Sie professionelles Design durch abgestimmte Farbschemata erzeugen. Ein Buch voller Profi-Wissen!

Inhaltsverzeichnis:
1 Einfach moderne Websites ... 19
1.1 Auf dem Weg zur schlanken Website ... 20
1.2 Eine gute, zugängliche und zukunftsfähige Website ... 24
1.3 Webstandards und Validierung ... 37
1.4 Thema, Zielgruppe, Stil und erste Vorbereitungen ... 39

2 Die Sprachen (X)HTML und CSS ... 45
2.1 (X)HTML ... 45
2.2 CSS ... 51

3 Struktur und semantischer Quellcode - (X)HTML und ein wenig CSS ... 67
3.1 Bereiche - DIV ... 68
3.2 Überschriften - H1 bis H6 ... 75
3.3 Texte - P, Betonungen und Zitate ... 81
3.4 Links - A ... 96
3.5 Listen - UL, OL, DL ... 108
3.6 Tabellen - TABLE ... 123
3.7 Formulare - FORM ... 144
3.8 Eine Kontaktseite ... 162
3.9 Einbettung interaktiver Inhalte ... 167

4 Abbau von Barrieren ... 177
4.1 Vorurteile und Märchen ... 182
4.2 Hilfsmittel und -geräte ... 183
4.3 Grafiken und Bilder ... 186
4.4 Links und Verknüpfungen ... 191
4.5 Überschriften ... 215
4.6 Schriftgrößen ... 219
4.7 Styleswitcher ... 221
4.8 Sprache ... 226
4.9 Abkürzungen und Akronyme ... 229
4.10 Tabellen ... 234
4.11 Formulare ... 237
4.12 Flash & Co ... 239
4.13 Fazit ... 239

5 Webdesign: Farbe, Grafik, Typografie und CSS ... 243
5.1 Die Planung einer Webpräsenz ... 243
5.2 Welche Rolle spielt Grafik im Webdesign? ... 244
5.3 Farbe und Webdesign ... 247
5.4 Mehr Abstand, bitte! - Rahmen und Ränder definieren ... 255
5.5 Die Verwendung von Bildern für die Gestaltung von Webseiten ... 268
5.6 Typografie im Web ... 277

6 Das Design der Website ... 291
6.1 Die Sitemap ... 291
6.2 Die Designskizze ... 292
6.3 Dateivorbereitung ... 293
6.4 Farbschemabestimmung der Website zum Buch ... 297
6.5 Das Designmodell und dessen Umsetzung in CSS ... 298
6.6 Optimierung für alle Browser und Hack-Management ... 314

7 Im Schnelltest: Webseiten auf Fehler und Barrieren testen ... 323
7.1 Die Werkzeuge ... 323
7.2 Die Tests ... 324
7.3 Fehler aufspüren und beseitigen ... 329

8 Ein Blick in die Zukunft ... 333
8.1 Informationsfutter - Feeds, RSS und Atom ... 333
8.2 Interaktion - AJAX ... 334
8.3 Das denken die Experten ... 335

Professionalität vermittelt in einem professionellen Buch.
Amazon.de, 03/2006

Produktdetails

• Verlag: Galileo Press
• Deutsch
• ISBN-13: 9783898427357
• ISBN-10: 3898427358
• Artikelnr.: 15176104

Autorenporträt

Björn Seibert beschäftigt sich seit vielen Jahren mit den Standards im Webdesign. Er betreibt ein Weblog zu den Themen (X)HTML, CSS, Accessibility und Webdesign unter www.bs-markup.de.

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 www.pixelgraphix.de ist eine der wichtigsten Anlaufstellen in Sachen Webdesign in Deutschland.

Inhaltsangabe

1 Einfach moderne Websites ... 19
... 1.1 Auf dem Weg zur schlanken Website ... 20
... 1.2 Eine gute, zugängliche und zukunftsfähige Website ... 24
... 1.3 Webstandards und Validierung ... 37
... 1.4 Thema, Zielgruppe, Stil und erste Vorbereitungen ... 39

2 Die Sprachen (X)HTML und CSS ... 45
... 2.1 (X)HTML ... 45
... 2.2 CSS ... 51

3 Struktur und semantischer Quellcode - (X)HTML und ein wenig CSS ... 67
... 3.1 Bereiche - DIV ... 68
... 3.2 Überschriften - H1 bis H6 ... 75
... 3.3 Texte - P, Betonungen und Zitate ... 81
... 3.4 Links - A ... 96
... 3.5 Listen - UL, OL, DL ... 108
... 3.6 Tabellen - TABLE ... 123
... 3.7 Formulare - FORM ... 144
... 3.8 Eine Kontaktseite ... 162
... 3.9 Einbettung interaktiver Inhalte ... 167

4 Abbau von Barrieren ... 177
... 4.1 Vorurteile und Märchen ... 182
... 4.2 Hilfsmittel und -geräte ... 183
... 4.3 Grafiken und Bilder ... 186
... 4.4 Links und Verknüpfungen ... 191
... 4.5 Überschriften ... 215
... 4.6 Schriftgrößen ... 219
... 4.7 Styleswitcher ... 221
... 4.8 Sprache ... 226
... 4.9 Abkürzungen und Akronyme ... 229
... 4.10 Tabellen ... 234
... 4.11 Formulare ... 237
... 4.12 Flash & Co ... 239
... 4.13 Fazit ... 239

5 Webdesign: Farbe, Grafik, Typografie und CSS ... 243
... 5.1 Die Planung einer Webpräsenz ... 243
... 5.2 Welche Rolle spielt Grafik im Webdesign? ... 244
... 5.3 Farbe und Webdesign ... 247
... 5.4 Mehr Abstand, bitte! - Rahmen und Ränder definieren ... 255
... 5.5 Die Verwendung von Bildern für die Gestaltung von Webseiten ... 268
... 5.6 Typografie im Web ... 277

6 Das Design der Website ... 291
... 6.1 Die Sitemap ... 291
... 6.2 Die Designskizze ... 292
... 6.3 Dateivorbereitung ... 293
... 6.4 Farbschemabestimmung der Website zum Buch ... 297
... 6.5 Das Designmodell und dessen Umsetzung in CSS ... 298
... 6.6 Optimierung für alle Browser und Hack-Management ... 314

7 Im Schnelltest: Webseiten auf Fehler und Barrieren testen ... 323
... 7.1 Die Werkzeuge ... 323
... 7.2 Die Tests ... 324
... 7.3 Fehler aufspüren und beseitigen ... 329

8 Ein Blick in die Zukunft ... 333
... 8.1 Informationsfutter - Feeds, RSS und Atom ... 333
... 8.2 Interaktion - AJAX ... 334... 8.3 Das denken die Experten ... 335