|
Liebe Leserin, lieber Leser, |
3 |
|
|
Auf einen Blick |
4 |
|
|
Inhalt |
5 |
|
|
Workshops |
12 |
|
|
Video-Lektionen |
14 |
|
|
Vorwort |
16 |
|
|
Was erwartet Sie in diesem Buch? |
16 |
|
|
An wen richtet sich dieses Buch? |
17 |
|
|
Danksagung |
17 |
|
|
TEIL I Grundlagen |
20 |
|
|
1 Einführung |
22 |
|
|
1.1 Warum Webdesign über optisches Gefallen hinausgeht |
22 |
|
|
1.2 Wandel im Netz (Web 2.0) |
24 |
|
|
1.3 Software für jeden Zweck |
32 |
|
|
1.4 Webdesign mit Photoshop oder Fireworks ? |
33 |
|
|
2 Bildbearbeitung mit Photoshop CS4 |
38 |
|
|
2.1 Pixel- und Vektorgrafiken |
38 |
|
|
2.2 Auflösung |
41 |
|
|
2.3 Neue Funktionen in Photoshop CS4 |
43 |
|
|
2.4 Einrichten von Photoshop |
47 |
|
|
2.5 Mal- und Retuschewerkzeuge |
56 |
|
|
2.6 Zeichenstift und Objekte |
63 |
|
|
2.7 Ebenen |
71 |
|
|
2.8 Einfache Auswahltechniken |
79 |
|
|
2.9 Schrift in Photoshop |
81 |
|
|
2.10 Zusammenfassung |
84 |
|
|
3 Exemplarischer Ablauf einer Website- Erstellung |
86 |
|
|
3.1 Planung |
86 |
|
|
3.2 Gestaltung |
87 |
|
|
3.3 Umsetzung |
87 |
|
|
3.4 Veröffentlichung |
88 |
|
|
TEIL II Planung der Website |
90 |
|
|
4 Vorüberlegungen |
92 |
|
|
4.1 Bedarfsanalyse |
92 |
|
|
4.2 Informationsarchitektur und Sitemap |
101 |
|
|
4.3 Zusammenfassung |
105 |
|
|
5 Raster |
106 |
|
|
5.1 Rahmenbedingungen im Webdesign |
106 |
|
|
5.2 Gliederung logischer Bereiche |
128 |
|
|
5.3 Gestaltungsgrundlagen |
132 |
|
|
5.4 Zusammenfassung |
144 |
|
|
6 Farbe |
146 |
|
|
6.1 Farbmischung und Farblehre |
146 |
|
|
6.2 Farbmodi und Farbtiefe |
153 |
|
|
6.3 Farbmanagement |
158 |
|
|
6.4 Arbeiten mit Farbe in Photoshop |
162 |
|
|
6.5 Farbharmonien und Kontraste |
173 |
|
|
6.6 Farbpsychologie |
179 |
|
|
6.7 Farbe und Barrierefreiheit |
182 |
|
|
6.8 Zusammenfassung |
185 |
|
|
7 Typografie |
186 |
|
|
7.1 Schriftaufbau und Klassifikation |
186 |
|
|
7.2 Text- und Absatzformatierung |
192 |
|
|
7.3 Schrift und Webdesign |
199 |
|
|
7.4 Zusammenfassung |
205 |
|
|
8 Ausarbeiten des Screendesigns |
206 |
|
|
8.1 Inhalte sammeln und gliedern |
207 |
|
|
8.2 HTML-Elemente und deren grafische Möglichkeiten |
208 |
|
|
8.3 Gestalten einer Website |
224 |
|
|
8.4 Zusammenfassung |
252 |
|
|
TEIL III Ausgabe |
254 |
|
|
9 Layoutübergabe |
256 |
|
|
9.1 Slicen des Layouts |
256 |
|
|
9.2 Dateiformate im Web |
263 |
|
|
9.3 Für Web und Geräte speichern |
266 |
|
|
9.4 Übergabe der Photoshop-Daten |
272 |
|
|
9.5 Zusammenfassung |
277 |
|
|
10 Umsetzung |
278 |
|
|
10.1 Ordnerstruktur |
280 |
|
|
10.2 Aufbau der Dokumentenstruktur |
281 |
|
|
10.3 Formatierung per Stylesheet |
297 |
|
|
10.4 Implementierung dynamischer Elemente mittels JavaScript |
317 |
|
|
10.5 Weiterverwendung |
318 |
|
|
10.6 Zusammenfassung |
320 |
|
|
11 Veröffentlichung einer Website |
322 |
|
|
11.1 Die richtige Serverumgebung |
322 |
|
|
11.2 Datenupload per FTP |
325 |
|
|
11.3 Werbung und Auffindbarkeit |
329 |
|
|
11.4 Zusammenfassung |
331 |
|
|
12 Automatisierung |
332 |
|
|
12.1 Stile |
332 |
|
|
12.2 Aktionen |
335 |
|
|
12.3 Stapelverarbeitung und Droplets |
340 |
|
|
12.4 Skripten |
342 |
|
|
12.5 Variablen |
342 |
|
|
12.6 Zusammenfassung |
347 |
|
|
TEIL IV Praxisworkshops |
348 |
|
|
13 Interface und Animation |
350 |
|
|
13.1 Animation |
350 |
|
|
13.2 Navigation |
354 |
|
|
13.3 Buttons |
361 |
|
|
13.4 Zoomify |
370 |
|
|
14 Bild & Symbolik |
374 |
|
|
14.1 Miniaturbilder |
374 |
|
|
14.2 Hintergründe |
387 |
|
|
14.3 Bildeffekte |
393 |
|
|
TEIL V Anhang |
408 |
|
|
15 Ausblicke |
410 |
|
|
15.1 Rechtliche Hinweise |
410 |
|
|
15.2 Nützliche Werkzeuge |
414 |
|
|
15.3 Weblinks |
417 |
|
|
16 Die DVD zum Buch |
422 |
|
|
16.1 Software |
422 |
|
|
16.2 Goodies |
423 |
|
|
16.3 Linksammlung |
424 |
|
|
16.4 Workshops |
424 |
|
|
16.5 Video-Lektionen |
424 |
|
|
Index |
426 |
|