Suchen und Finden
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
178
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
Alle Preise verstehen sich inklusive der gesetzlichen MwSt.