---

---

Termine

Wir treffen uns in meinem Projektraum M 217 – bitte nehmt Eure Laptops mit, wenn Ihr welche habt …

1. 26.3.13 13:00
2. 02.4.13 kein Unterricht
3. 09.4.13 16:30 14:00
4. 16.4.13 kein Unterricht
5. 23.4.13 16:30
6. 30.4.13 kein Unterricht – Didaktik-Fortbildung
7. 07.5.13 Unterricht-Beginn erst um 17:15 wegen Berufsverfahren „Design Mentoring“
8. 14.5.13 16:30
9. 21.5.13 kein Unterricht
10. 28.5.13 16:30
11. 31.5.13 9:00 Hilfe beim Erstellen der Templates von „Einblick 2013“
12. 04.6.13 16:30
13. 11.6.13 16:30
14. 18.6.13 kein Unterricht, ich muss an die FH Salzburg zur mündl. Bachelor-Prüfung …
15. 25.6.13 16:30
16. 02.7.13 16:30 Präsentation & Abgabe der Semesteraufgabe

---

Ziel der Veranstaltung

• Vertiefen der Techniken und Methoden aus dem Kurs Webdesign
• Weiterführende Kenntnisse von CSS3 und Javascript
• Grundlegendes Verständnis im Umgang mit (einfachen) Content Management Systemen
• Aufsetzen einer lokalen Entwicklungsumgebung (MAMP, XAMP …)
• Erstellen von „Responsive Websites“ (Fluid Grids & Images, Media-Queries, Testen auf unterschiedlichen Ausgabegeräten)
• Sicherer Einsatz von Text-Editoren wie z.B. Coda oder Sublime Text

---

Skripte

1. Balsamiq: das Wireframing-Tool
2. Responsive Webdesign
3.  MAMP, HTML-Editoren; CSS-Animationen; Responsive Menues
4.  Content Management Systeme; Kirby
5. Wordpress

Interessante Veranstaltungen

• Responsive Design for Complex Websites am 8.4. um 19:00 Uhr; kostenlose Veranstaltung der IXDA Munich; bitte unbedingt auf der IXDA-Seite anmelden!

---

Benotung

Am Ende des Semesters müsst Ihr eine von folgenden Sachen präsentieren und abgeben:

• HTML/CSS-Templates für „Einblicke“ – ca. 5 typische, unterschiedliche Seiten, natürlich responsive
• Euer eigenes Porfolio, realisiert entweder mit Kirby oder Wordpress – ebenfalls responsive und auch hier mind. 5 unterschiedliche Seiten

Achtung: Solltet Ihr bei Wordpress existierende Templates verwenden, brauche ich Angaben zum Original-Template, damit ich bewerten kann, was Ihr daran für Eure Bedürfnisse angepasst habt!

Computer

Wer die Möglichkeit hat, seinen eigenen Laptop mitzubringen (und mit diesem möglichst auch noch online gehen zu können), soll diesen bitte mitnehmen …

Ein Großteil der für diesen Kurs benötigter Software ist kostenlos und für Mac/Windows/Linux erhältlich

---

Buchempfehlungen

• Mobile First von Luke Wroblewski
• Responsive Web Design von Ethan Marcotte
• Smashing Mobile Book

---

empfehlenswerte Websites

• http://www.webdirections.org/blog/the-next-6-billion/ (sehr guter, grundlegender Artikel über die „Universatility“ des Web)
• http://www.alistapart.com/ (Hochwertige Tutorials rund um HTML/CSS/Javascript und Webdesign allgemein)
• http://designingfortheweb.co.uk/book/ (Kostenlose Online-Version eines hervorragenden Buches für Designer von Mark Boulton…)
• http://webtypobuch.de/lesen (Kostenlose Online-Versionen des Webtypografie-Buches von Gerrit van Aaken)
• http://mediaqueri.es/ (Galerie gutgestalteter, „responsiver“ Websites)
• http://www.thegridsystem.org/ (stellt unterschiedliche Rastersysteme fürs Web vor)
• https://gridsetapp.com/ (Faszinierendes Tool zum Erstellen unterschiedlichster Web-Raster)

… bei http://vimeo.com/channels/smashingconf/ gibt es eine Sammlung von Konferenz-Beiträgen bekannter Webdesigner …