Modernes Webdesign: Gestaltungsprinzipien, Webstandards, Praxis, 2. Auflage

Buchcover......Page 1
Modernes Webdesign: Gestaltungsprinzipien, Webstandards, Praxis, 2. Auflage......Page 2
Liebe Leserin, lieber Leser......Page 3
Auf einen Blick......Page 6
Inhalt......Page 7
Einleitung......Page 14
Was erwartet Sie in diesem Buch?......Page 15
Aufbau und Nachschlagen......Page 16
Dankeschön!......Page 17
TEIL I - Das Design......Page 18
1.1 Webdesign, was ist das eigentlich?......Page 20
1.2 Wie funktionieren (X)HTML und CSS?......Page 24
1.3 Die Prinzipien des modernen Webdesigns......Page 27
1.4 Checklisten......Page 58
2.1 Die visuelle Wahrnehmung und ihre Gesetze......Page 62
2.2 Website-Layouts und ihre Elemente......Page 74
2.3 So geht s: ein Gestaltungsraster in CSS umsetzen......Page 110
2.4 Frameworks......Page 115
3 Typografie......Page 122
3.1 Klassifikation von Schrift......Page 123
3.2 Lesbarkeit......Page 124
3.3 Schriftformatierung für das Web......Page 136
3.4 Schreibweisen......Page 147
3.5 Checkliste: Das ist gute Webtypografie......Page 148
4 Farbe......Page 150
4.1 Farbe am Monitor und im Web......Page 152
4.2 Farbwirkung......Page 153
4.3 Farbkontrast und Farbabstufungen......Page 154
4.4 Hürden für die Farbwahrnehmung......Page 155
4.5 Farbe für Webseiten......Page 157
4.6 Checkliste: Farbe für Webseiten......Page 164
5.1 Mediennutzung und Rechte......Page 166
5.2 Wo Sie Grafiken, Illustrationen und Fotos finden......Page 167
5.3 Animationen, Sounds und Musik finden......Page 169
5.4 Dateiformate und ihr Einsatz auf Webseiten......Page 171
5.5 Checkliste Medien......Page 177
6.1 Ideenfindung......Page 178
6.3 Sammeln und ordnen......Page 179
6.5 Gedanken in Mindmaps ordnen......Page 180
6.6 Bildbearbeitungsprogramme......Page 182
6.7 Wireframes gestalten......Page 183
6.8 Editoren für Windows, Mac OS X und Linux im Überblick......Page 187
6.9 Eine komfortable Arbeitsumgebung......Page 193
6.10 Firefox als Arbeitsbrowser und dessen Erweiterungen......Page 195
6.11 Ein Testbrowserpaket schnüren......Page 197
6.12 Workflow für modernes Webdesign......Page 199
TEIL II - Die Technik......Page 208
7.1 Mit Basisvorlagen schneller arbeiten......Page 210
7.2 (X)HTML......Page 211
7.3 Die wichtigsten (X)HTML-Elemente......Page 217
7.4 Mikroformate ergänzen (X)HTML......Page 229
8 CSS im Überblick......Page 232
8.1 CSS einbinden......Page 233
8.2 Werte in CSS definieren......Page 234
8.3 Die Rangfolge von Formatvorlagen......Page 235
8.4 Ordnung im Stylesheet......Page 238
8.5 Pseudoklassen und -elemente......Page 241
8.6 Farben und Hintergründe......Page 242
8.7 Die Verwendung transparenter PNGs......Page 246
8.8 Schrift und Text......Page 252
8.9 Listen......Page 261
8.10 Tabellen......Page 269
8.11 Tipps und Tricks für Fortgeschrittene......Page 272
9.1 Basisvorlage (X)HTML......Page 280
9.2 Basisvorlage CSS......Page 282
9.3 Basisvorlage für das Druckstylesheet......Page 289
9.4 Photoshop......Page 291
9.5 Basisvorlage Photoshop......Page 292
TEIL III - Die Praxis......Page 298
10.1 Brainstorming für den Projektstart......Page 300
10.2 Die Kon.serie »Schokoladen«......Page 301
10.3 Konzept......Page 302
10.4 Entwürfe......Page 304
10.5 Das Farbschema gestalten......Page 305
10.6 Umsetzung des Entwurfs in (X)HTML und CSS......Page 315
10.7 Re.exion......Page 347
11.1 Was ist WordPress?......Page 350
11.3 Die wichtigsten Bestandteile eines WordPress-Themes......Page 351
11.4 Vom Template zum Theme......Page 356
12.1 CSS 3......Page 374
12.2 HTML5......Page 380
12.3 »Eye Candy« und JavaScript......Page 383
A Literatur......Page 388
Software......Page 390
VT-Lektionen......Page 392
C......Page 394
F......Page 395
N......Page 396
T......Page 397
Z......Page 398
Impressum......Page 399