Kompendium der Mediengestaltung (eBook)

Joachim Böhringer: Lehre als Schriftsetzer, Studium Druck- und Medientechnik sowie Geschichte und Politik in Stuttgart und Darmstadt, anschließend Referendariat in Frankfurt/M. und Limburg/L. Danach Lehrer für Druck- und Medientechnik an der Kerschensteinerschule in Reutlingen. Fachberater für Druck- und Medientechnik am Regierungspräsidium Tübingen und Referent am Landesinstitut für Schulentwicklung Stuttgart. Mitarbeit in der Koordinierungsgruppe Druck und Medien am Ministerium für Kultus, Jugend und Sport Baden-Württemberg, Mitglied in IHK- und HWK-Prüfungsausschüssen in Reutlingen und langjährige Mitarbeit im Zentral-Fachausschuss (ZFA) für Druck und Medien in Kassel. Seit August 2013 Studiendirektor a.D.Peter Bühler: Lehre als Chemigraf, Studium der Druck- und Reproduktionstechnik an der FH für Druck, Stuttgart. Gewerbelehrerstudium für Drucktechnik und Geschichte an der TH Darmstadt. Lehrer für Mediengestaltung und Medientechnik an der Johannes-Gutenberg-Schule, Stuttgart, Fachberater für Druck- und Medientechnik am Regierungspräsidium Stuttgart, Lehrbeauftragter für Fachdidaktik Medientechnik am Staatlichen Seminar für Didaktik und Lehrerbildung in Stuttgart. Mitgliedschaft u.a. in den Rahmenlehrplankommissionen Mediengestalter Digital und Print sowie Industriemeister Printmedien/Medienfachwirt Print und Digital, in IHK-Prüfungsausschüssen, der Koordinierungsgruppe Druck und Medien am Ministerium für Kultus, Jugend und Sport Baden-Württemberg sowie im Zentral-Fachausschuss für Druck und Medien.Patrick Schlaich: Studium der Elektrotechnik an der Universität Karlsruhe, Abschluss 1992 als Diplom-Ingenieur, Referendariat, Abschluss 1995 mit zweitem Staatsexamen, seither Tätigkeit als Lehrer in der Aus- und Weiterbildung im Bereich Medien- und Informationstechnik. Mitwirkung u.a. in Lehrplankommissionen Mediengestalter, Technisches Gymnasium und Medienfachwirt sowie im Zentral-Fachausschuss für Druck und Medien, 2003 Fachberater für Medien- und Informationstechnik am Regierungspräsidium Freiburg, seit 2008 Professor am Staatlichen Seminar für Didaktik und Lehrerbildung (Berufliche Schulen) in Freiburg, Lehraufträge für Medientechnik und Informatik, 2013 Mitwirkung in der Kommission Medienbildung im Kultusministerium Baden-Württemberg.Dominik Sinner: Studium des Wirtschaftsingenieurwesens an der Fachhochschule Furtwangen; Abschluss 2003 als Diplom-Wirtschaftsingenieur (Studiengang: „Dokumentation und Design“). Danach drei Jahre Berufstätigkeit im Bereich Technische Dokumentation in Öhringen und Wangen im Allgäu. 2006 Direkteinstieg als Gewerbeschullehrer für Medientechnik und Wirtschaftskunde an der Zeppelin-Gewerbeschule Konstanz. Unterricht an der Berufsschule, bei den Mediengestaltern und am Technischen Gymnasium im Profil „Gestaltungs- und Medientechnik“. 2009 Aufstiegslehrgang zum Studienrat. Seit 2006 Mitglied im IHK-Prüfungsausschuss für Mediengestalter.

Vorwort zur 6. Auflage 6
Handling des Kompendiums 8
Inhaltsverzeichnis 11
Gesamtübersicht 12
IV Medienproduktion Digital 14
1 Webdesign 29
1.1 Einführung 31
1.1.1 Interview zum Thema 32
1.1.2 Standortbestimmung 34
1.1.3 Workflow digitaler Produkte 37
1.1.4 Webdesign – Printdesign 41
1.1.5 Aufgaben 44
1.2 Interfacedesign 47
1.2.1 Content versus Design 48
1.2.2 Usability 52
1.2.3 Informationsdesign 57
1.2.4 Interaktionsdesign 63
1.2.5 Barrierefreies Webdesign 66
1.2.6 Aufgaben 71
1.3 Screendesign 73
1.3.1 Von der Idee zum Mockup 74
1.3.2 Layout 78
1.3.3 Farbe 87
1.3.4 Typografie und Schrift 92
1.3.5 Navigation 98
1.3.6 Sound 106
1.3.7 Aufgaben 108
2 Webseiten 110
2.1 HTML5 112
2.1.1 Einführung 113
2.1.2 HTML5-Dateien 117
2.1.3 Meta-Tags 122
2.1.4 Dokument- und Textstruktur 123
2.1.5 Tabellen 126
2.1.6 Hyperlinks 127
2.1.7 Navigation 131
2.1.8 Bilder und Grafiken 133
2.1.9 Formulare 137
2.1.10 Multimedia 143
2.1.11 Webbrowser 145
2.1.12 Aufgaben 147
2.2 CSS3 152
2.2.1 Einführung 153
2.2.2 Definition von CSS3 156
2.2.3 Selektoren 159
2.2.4 Maßeinheiten 164
2.2.5 Farben 166
2.2.6 Typografische Gestaltung 168
2.2.7 Layouten 174
2.2.8 Media-Queries 182
2.2.9 Animationen 191
2.2.10 Aufgaben 197
2.3 Bilder und Grafiken 202
2.3.1 Einführung 203
2.3.2 Pixelgrafik 205
2.3.3 Vektorgrafik 210
2.3.4 Aufgaben 212
2.4 Online 214
2.4.1 Domain-Name 215
2.4.2 Rechtliche Aspekte 217
2.4.3 Testumgebung 219
2.4.4 Webhosting 222
2.4.5 Suchmaschinen-Optimierung (SEO) 223
2.4.6 Aufgaben 224
3 Programmieren 225
3.1 Grundlagen 227
3.1.1 Einführung 228
3.1.2 Variable 230
3.1.3 Verzweigungen 233
3.1.4 Schleifen 235
3.1.5 Felder (Arrays) 237
3.1.6 Funktionen (Methoden) 238
3.1.7 Objektorientierte Programmierung (OOP) 240
3.1.8 Guter Programmierstil 244
3.1.9 Aufgaben 245
3.2 JavaScript und Ajax 249
3.2.1 Einführung 250
3.2.2 Fenster 253
3.2.3 Formulare 256
3.2.4 Spamschutz 259
3.2.5 Ajax 260
3.2.6 Aufgaben 267
3.3 PHP 269
3.3.1 Einführung 270
3.3.2 Datum und Uhrzeit 275
3.3.3 Dateizugriff 276
3.3.4 Formularzugriff 278
3.3.5 Datenbankzugriff 282
3.3.6 Textverarbeitung 294
3.3.7 Aufgaben 296
4 Flash 298
4.1 Grundlagen 300
4.1.1 Einführung 301
4.1.2 Flash-Filme erstellen 303
4.1.3 Animationstechniken 316
4.1.4 Aufgaben 325
4.2 ActionScript 3 328
4.2.1 Einführung 329
4.2.2 Zeitleiste steuern 331
4.2.3 Dynamischer Text 333
4.2.4 Bilder laden 336
4.2.5 Sound steuern 337
4.2.6 Animationen 340
4.2.7 Aufgaben 344
5 Content-Management-System 345
5.1 CMS – Grundlagen 347
5.1.1 Was ist ein CMS? 348
5.1.2 Prinzip eines CMS 349
5.1.3 Aufgaben 353
5.2 CMS – Praxis 355
5.2.1 Joomla! 356
5.2.2 Lokale Entwicklungsumgebungen 357
5.2.3 Joomla!-Installation 359
5.2.4 Kurzes Briefing einer Beispielsite 361
5.2.5 Anmeldung und Nutzerverwaltung 362
5.2.6 Kategorien und Beiträge 363
5.2.7 Menüs 366
5.2.8 Templates 367
5.2.9 Erweiterungen, Module und Plug-ins 369
5.2.10 Umzug auf einen Webserver 372
5.2.11 Aufgaben 374
6 Mobiles Web 376
6.1 Mobiles Webdesign 378
6.1.1 (Kurz-)Geschichte 379
6.1.2 Medienkonvergenz 380
6.1.3 Layout 381
6.1.4 Navigation 386
6.1.5 Technische Aspekte 389
6.1.6 Aufgaben 392
6.2 App-Programmierung 394
6.2.1 Apps 395
6.2.2 Entwicklungsumgebungen 397
6.2.3 PhoneGap-App erstellen 399
6.2.4 PhoneGap Build 402
6.2.5 Aufgaben 404
7 Social Media 405
7.1 Social-Media-Marketing 407
7.1.1 Was ist Social Media? 408
7.1.2 Social-Media-Kanäle 409
7.1.3 Social-Media-Nutzung 413
7.1.4 Social-Media-Strategie 416
7.1.5 Social-Media-Monitoring 428
7.1.6 Aufgaben 431
7.2 Social-Media-Plattformen 433
7.2.1 Soziale Netzwerke 434
7.2.2 Blogs 440
7.2.3 Medien-Plattformen 444
7.2.4 Aufgaben 449
8 E-Book 450
8.1 Grundlagen 452
8.1.1 Überblick 453
8.1.2 E-Book-Formate 458
8.1.3 E-Book-Reader 461
8.1.4 E-Book-Nutzung 463
8.1.5 Digital Rights Management 465
8.1.6 Aufgaben 468
8.2 Erstellung und Distribution 470
8.2.1 E-Book-Konzeption 471
8.2.2 E-Book-Erstellung 473
8.2.3 E-Book-Distribution 475
8.2.4 Aufgaben 478
9 Audiovisuelle Medien 479
9.1 Filmgestaltung 481
9.1.1 Konzeption 482
9.1.2 Aufnahme 484
9.1.3 Schnitt 488
9.1.4 Aufgaben 491
9.2 Animation 493
9.2.1 Prinzipien der Animation 494
9.2.2 Grundlegende Animationstechniken 499
9.2.3 Spezielle 3D-Animationstechniken 506
9.2.4 Aufgaben 509
9.3 Virtuelle Welten (3D) 511
9.3.1 Definition virtuelle Welt (3D) 512
9.3.2 3D-Visualisierung von Geoinformationen 514
9.3.3 Virtuelle Realität und Panoramafotografie 516
9.3.4 Kugelpanorama 522
9.3.5 Objektdarstellungen 524
9.3.6 3D-Welt und Stereoskopie 529
9.3.7 Anwendungsbeispiele virtueller Welten 531
9.3.8 3D-Software 538
9.3.9 Aufgaben 539
9.4 Audiotechnik 541
9.4.1 Physiologie des Hörens 542
9.4.2 Grundbegriffe 543
9.4.3 Digitale Audiotechnik 546
9.4.4 Audioformate 550
9.4.5 Audiohardware 553
9.4.6 Soundbearbeitung 560
9.4.7 MIDI 564
9.4.8 Aufgaben 565
9.5 Videotechnik 569
9.5.1 Grundlagen der Fernsehtechnik 570
9.5.2 Videosignale 574
9.5.3 Videokompression 578
9.5.4 Videoformate 582
9.5.5 Videohardware 585
9.5.6 Postproduktion 589
9.5.7 AV-Streaming 592
9.5.8 Tonsysteme 594
9.5.9 Aufgaben 596
10 Anhang 598
10.1 Formeln 600
10.1.1 1 Konzeption und Gestaltung 601
10.1.2 2 Medientechnik 603
10.1.3 3 Medienproduktion Print 606
10.1.4 4 Medienproduktion Digital 608
10.2 Lösungen 612
10.2.1 1 Webdesign 613
10.2.2 2 Webseiten 619
10.2.3 3 Programmieren 629
10.2.4 4 Flash 636
10.2.5 5 Content-Management-System 638
10.2.6 6 Mobiles Web 641
10.2.7 7 Social Media 643
10.2.8 8 E-Book 646
10.2.9 9 Audiovisuelle Medien 650
10.3 Links, Normen, Literatur 662
10.3.1 Internetadressen 663
10.3.2 DIN-/ISO-Normen 668
10.3.3 Literatur 671
10.4 Abbildungen 676
10.5 Stichwortverzeichnis 682