Menü

Matthias Edler-Golla für:
Hochschule München, Fakultät für Design

Responsive Webdesign, Sommersemester 13


Kursleiter

Matthias Edler-Golla
matthias.edler-golla@hm.edu


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


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


empfehlenswerte Websites

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