Webdesign für Studium und Beruf - Webseiten planen, gestalten und umsetzen

von: Norbert Hammer, Karen Bensmann

Springer-Verlag, 2009

ISBN: 9783540852346 , 331 Seiten

Format: PDF, OL

Kopierschutz: Wasserzeichen

Windows PC,Mac OSX geeignet für alle DRM-fähigen eReader Apple iPad, Android Tablet PC's Online-Lesen für: Windows PC,Mac OSX,Linux

Preis: 22,99 EUR

Mehr zum Inhalt

Webdesign für Studium und Beruf - Webseiten planen, gestalten und umsetzen


 

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