1 Webdesign

1.1 Einführung . . 3
1.1.1 Interview zum Thema . . 4
1.1.2 Standortbestimmung . . 6
1.1.3 Workflow digitaler Produkte . . 9
1.1.4 Webdesign - Printdesign . . 13
1.1.5 Aufgaben . . 16

1.2 Interfacedesign . . 19
1.2.1 Content versus Design . . 20
1.2.2 Usability . . 24
1.2.3 Informationsdesign . . 29
1.2.4 Interaktionsdesign . . 35
1.2.5 Barrierefreies Webdesign . . 38
1.2.6 Aufgaben . . 43

1.3. Screendesign . . 45
1.3.1 Von der Idee zum Mockup . . 46
1.3.2 Layout . . 50
1.3.3 Farbe . . 59
1.3.4 Typografie und Schrift . . 64
1.3.5 Navigation . . 70
1.3.6 Sound . . 78
1.3.7 Aufgaben . . 80

2 Webseiten . . 83
2.1 HTML5 . . 85
2.1.1 Einführung . . 86
2.1.2 HTML5-Dateien . . 90
2.1.3 Meta-Tags . . 95
2.1.4 Dokument- und Textstruktur . . 96
2.1.5 Tabellen . . 99
2.1.6 Hyperlinks . . 100
2.1.7 Navigation . . 104
2.1.8 Bilder und Grafiken . . 106
2.1.9 Formulare . . 110
2.1.10 Multimedia . . 116
2.1.11 Webbrowser . . 118
2.1.12 Aufgaben . . 120

2.2 CSS3 . . 125
2.2.1 Einführung . . 126
2.2.2 Definition von CSS3 . . 129
2.2.3 Selektoren . . 132
2.2.4 Maßeinheiten . . 137
225 Farben . . 139
2.2.6 Typografische Gestaltung . . 141
2.2.7 Layouten . . 147
2.2.8 Media-Queries . . 155
2.2.9 Animationen . . 164
2.2.10 Aufgaben . . 170

2.3. Bilder und Grafiken . . 175
2.3.1 Einführung . . 176
2.3.2 Pixelgrafik . . 178
2.3.3 Vektorgrafik . . 183
2.3.4 Aufgaben . . 185

2.4 Online . . 187
2.4.1 Domain-Name . . 188
2.4.2 Rechtliche Aspekte . . 190
2.4.3 Testumgebung . . 192
2.4.4 Webhosting . . 195
2.4.6 Aufgaben . . 197

3 Programmieren . . 199

3.1 Grundlagen . . 201
3.1.1 Einführung . . 202
3.1.2 Variable . . 204
3.1.3 Verzweigungen . . 207
3.1.4 Schleifen .. 209
3.1.5 Felder (Arrays) . . 211
3.1.6 Funktionen (Methoden) . . 212
3.1.7 Objektorientierte Programmierung (OOP) . . 214
3.1.8 Guter Programmierstil . . 218
3.1.9 Aufgaben . . 219

3.2 JavaScript und Ajax . . 223
3.2.1 Einführung . . 224
3.2.2 Fenster . . 227
3.2.3 Formulare . . 230
3.2.4 Spamschutz . . 233
3.2.5 Ajax . . 234
3.2.6 Aufgaben . . 241

3.3 PHP
3.3.1 Einführung . . 244
3.3.2 Datum und Uhrzeit . . 249
3.3.3 Dateizugriff . . 250
3.3.4 Formularzugriff . . 252
3.3.5 Datenbankzugriff . . 256
3.3.6 Textverarbeitung . . 267
3.3.7 Aufgaben . . 270

4 Flash . . 273

4.1. Grundlagen . . 275
4.1.1 Einführung . . 276
4.1.2 Flash-Filme erstellen . . 278
4.1.3 Animationstechniken . . 291
4.1.4 Aufgaben . . 300

4.2 ActionScript 3 . . 303
4.2.1 Einführung . . 304
4.2.2 Zeitleiste steuern . . 306
4.2.3 Dynamischer Text . . 308
4.2.4 Bilder laden . . 311
4.2.5 Sound steuern . . 312
4.2.6 Animationen . . 315
4.2.7 Aufgaben . . 319

5 Content-Managment System . . 321

5.1 CMS Grundlagen . . 323
5.1.1 Was ist ein CMS? . . 324
5.1.2 Prinzip eines CMS . . 325
5.1.3 Aufgaben . . 329 

5.2. CMS - Praxis . . 331
5.2.1 Joomla! . . 331
5.2.2 Lokale Entwicklungsumgebungen . . 333
5.2.3 Joomla!-lnstallation . . 335
5.2.4 Kurzes Briefing einer Beispielsite . . 337
5.2.5 Anmeldung und Nutzerverwaltung . . 338
5.2.6 Kategorien und Beiträge . . 339
5.2.7 Menüs . . 342
5.2.8 Templates . . 343
5.2.9 Erweiterungen, Module und Plug-ins . . 345
5.2.10 Umzug auf einen Webserver . . 348
5.2.11 Aufgaben . . 350

6 Mobiles Web . . 353

6.1 Mobiles Webdesign . . 355
6.1.1 (Kurz-)Geschichte . . 356
6.1.2 Medienkonvergenz . . 357
6.1.3 Layout . . 358
6.1.4 Navigation . . 363
6.1.5 Technische Aspekte . . 366
6.1.6 Aufgaben . . 369

6.2 App-Programmierung . . 371
6.2.1 Apps . . 372
6.2.2 Entwicklungsumgebungen . . 374
6.2.3 PhoneGap-App erstellen . . 376
6.2.4 PhoneGap Build . . 379
6.2.5 Aufgaben . . 381

7 Social Media . . 383

7.1 Social-Media-Marketing . . 385
7.1.1 Was ist Social Media? . . 386
7.1.2 Social-Media-Kanäle . . 387
7.1.3 Social-Media-Nutzung . . 391
7.1.4 Social-Media-Strategie . . 394
7.1.5 Social-Media-Monitoring . . 406
7.1.6 Aufgaben . . 409

7.2 Social-Media-Plattformen . . 411
7.2.1 Soziale Netzwerke . . 412
7.2.2 Blogs . . 418
7.2.3 Medien-Plattformen . . 422
7.2.4 Aufgaben . . 427

8 E-Book . . 429

8.1 Grundlagen . . 431
8.1.1 Überblick . . 432
8.1.2 E-Book-Formate . . 437
8.1.3 E-Book-Reader . . 440
8.1.4 E-Book-Nutzung . . 442
8.1.5 Digital Rights Management . . 444
8.1.6 Aufgaben . . 447

8.2 Erstellung und Distribution . . 449
8.2.1 E-Book-Konzeption . . 450
8.2.2 E-Book-Erstellung . . 452
8.2.3 E-Book-Distribution . . 454
8.2.4 Aufgaben . . 457

9 Audiovisuelle Medien . . 459

9.1 Filmgestaltung . . 461
9.1.1 Konzeption . . 462
9.1.2 Aufnahme . . 464
9.1.3 Schnitt . . 468
9.1.4 Aufgaben . . 470

9.2 Animation . . 473
9.2.1 Prinzipien der Animation . . 474
9.2.2 Grundlegende Animationstechniken . . 479
9.2.3 Spezielle SD-Animationstechniken . . 486
9.2.4 Aufgaben . . 489

9.3 Virtuelle Weiten (3D) . . 491
9.3.1 Definition virtuelle Welt (3D) . . 492
9.3.2 3D-Visualisierung von Geoinformationen . . 494
9.3.3 Virtuelle Realität und Panoramafotograe . . 496
9.3.4 Kugelpanorama . . 502
9.3.5 Objektdarstellungen . . 504
9.3.6 3D-Welt und Stereoskopie . . 509
9.3.7 Anwendungsbeispiele virtueller Welten . . 511
9.3.8 3D-Software . . 518
9.3.9 Aufgaben . . 519

9.4 Audiotechnik . . 521
9.4.1 Physiologie des Hörens . . 522
9.4.2 Grundbegriffe . . 523
9.4.3 Digitale Audiotechnik . . 526
9.4.4 Audioformate . . 530
9.4.5 Audiohardware . . 533
9.4.6 Soundbearbeitung . . 540
9.4.7 MIDI . . 544
9.4.8 Aufgaben . . 545

9.5 Videotechnik . . 549
9.5.1 Grundlagen der Fernsehtechnik . . 550
9.5.2 Videosignale . . 553
9.5.3 Videokompression . . 558
9.5.4 Videoformate . . 562
9.5.5 Videohardware . . 565
9.5.6 Postproduktion . . 569
9.5.7 AV-Streaming . . 572
9.5.8 Tonsysteme . . 574
9.5.9 Aufgaben . . 576

10 Anhang . . 579

10.1 Formelsammlung . . 581
10.1.1 I - Konzeption und Gestaltung . . 582
10.1.2 II - Medientechnik . . 584
10.1.3 III - Medienproduktion Print . . 587
10.1.4 IV - Medienproduktion Digital . . 589

10.2 Lösungen . . 593
10.2.1 1 Webdesign . . 594
10.2.2 2 Webseiten . . 600
10.2.3 3 Programmieren . . 610
10.2.4 4 Flash . . 617
10.2.5 5 Content-Management-System . . 619
10.2.6 6 Mobiles Web . . 622
10.2.7 7 Social Media . . 624
10.2.8 8 E-Book . . 627
10.2.9 9 Audiovisuelle Medien . . 631

10.3 Links, Normen, Literatur . . 643
10.3.1 Internetadressen . . 644
10.3.2 DIN-/ISO-Normen . . 649
10.3.3 Literatur . . 652

10.4 Abbildungen . . 657

10.5 Stichwortverzeichnis . . 663