Webdesign für Studium und Beruf (eBook)

Webdesign für Studium und Beruf 3
Vorwort 5
Inhalt 6
Vorbemerkung 12
1.1 Überblick 12
Einführung 16
2.1 Lernziele 16
2.2 Design-Begriffsexkurs 17
2.3 Das Arbeitsfeld Webdesign 21
2.4 Das World Wide Web 25
2.5 Resümee 28
Grundlagen des Webdesigns 29
3.1 Lernziele 29
3.2 Einleitung 29
3.3 Technik und Design 30
3.4 Websitestrategien 35
3.5 Websitetypen 42
3.6 Resümee 46
3.7 Quiz zu „Grundlagen des Webdesigns“ 47
Technische Grundlagen 49
4.1 Lernziele 49
4.2 Einleitung 50
4.3 (X)HTML 51
4.4 CSS 61
4.5 Schritt für Schritt zur XHTML-Seite mit Stylesheet 86
4.6 Alte versus neue Technologien 98
4.7 Weiterführende Technologien 99
4.8 Aktuelle Trends im World Wide Web 111
4.9 Das World Wide Web der Zukunft 113
4.10 Bildformate für das WWW 116
4.11 Plugins 121
4.12 Entwicklerwerkzeuge 123
4.13 Entwickeln für den unbekannten Anwender 125
4.14 Resümee 127
4.15 Quiz zu „Technische Grundlagen“ 128
4.16 Übung: „Tragamin“ Webseite aufbauen 131
Siteplanung 132
5.1 Lernziele 132
5.2 Einleitung 133
5.3 Briefing und Projektplanung 133
5.4 Information und Analysen 140
5.5 Technische Vorplanung 144
5.6 Strukturdesign 149
5.7 Interaktionsdesign 155
5.8 Projektorganisation 169
5.9 Resümee 171
5.10 Quiz zu „Siteplanung“ 171
5.11 Übung: Siteplanung der „pixographen“-Site 173
Designentwurf 176
6.1 Lernziele 176
6.2 Einleitung 177
6.3 Look & Feel
6.4 Usability 180
6.5 Accessibility 186
6.6 Screendesign 190
6.7 Interfacedesign 197
6.8 Designarbeitsschritte 213
6.9 Präsentation grafischer Prototyp 218
6.10 Resümee 219
6.11 Quiz zu „Designentwurf“ 220
6.12 Übung: Screen- und Interfacedesign der„pixographen“-Site 222
Prototyping 224
7.1 Lernziele 224
7.2 Einleitung 225
7.3 HTML-Prototyp 225
7.4 Styleguide 232
7.5 Freigabe zur Umsetzung 234
7.6 Resümee 236
7.7 Quiz zur „Technischen Umsetzung“ 236
7.8 Übung: Prototyping der „pixographen“-Site 238
Assetdesign 239
8.1 Lernziele 239
8.2 Einleitung 240
8.3 Storyboard und Dokumentation 240
8.4 Texte im Web 242
8.5 Bildtypografie 246
8.6 Grafiken und Bilder im Web 249
8.7 Multimediainhalte 270
8.8 Resümee 273
8.9 Quiz zu „Assetdesign“ 274
8.10 Übung: Storyboard und Assetdesign der „pixographen“-Site 277
Technische Umsetzung 278
9.1 Lernziele 278
9.2 Einleitung 278
9.3 Vom Prototyp zur fertigen Website 279
9.4 Informationsdarstellung auf anderen Medien 280
9.5 Interaktion mit dem Benutzer 288
9.6 Suchmaschinenoptimierung 289
9.7 Resümee 291
9.8 Quiz zu „Technische Umsetzung“ 292
9.9 Übung: Technische Umsetzung der „pixographen“-Site 293
Test und Launch 294
10.1 Lernziele 294
10.2 Einleitung 295
10.3 Testphasen 295
10.4 Veröffentlichung der Website 303
10.5 Die Website bekannt machen 304
10.6 Wartung und Pflege 305
10.7 Auswertung der Logfiles 306
10.8 Resümee 308
10.9 Quiz zu „Tests und Launch“ 309
10.10 Übung: Testen der „pixographen“-Site 310
Abbildungsverzeichnis 312
Linkverzeichnis 317
Literaturverzeichnis 319
Index 320
Online-Material 330
Die Autoren 331