Menü

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

Web Design, Wintersemester 15/16

Kursleiter

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


Ziel der Veranstaltung

Erstellen von einfachen bis mittel-komplexen Websites mit Hilfe vom HTML, CSS und Javascript:

  • ohne Dreamweaver und Co.
  • direkt im Source-Code
  • Web Standard konform
  • Mediengerechte Gestaltung (Web ≠ Print)

Scripte

  1. 08.10.15 Grundlagen Webdesign & HTML; Aufgaben-Überblick (Semester); Bewertungskriterien; → Script
  2. 15.10.15 Grundlagen CSS, Grafikformate fürs Web; → Script
  3. 29.10.15 Semantic Web & weitere HTML5-Tags; CSS: Breite & Höhe; Links, Border & Background-Images → Script
  4. 05.11.15 CSS Selektoren, CSS Box Model, Padding & Margin, Integration von Audio, Video & Cansas → Script
  5. 19.11.15 DOM, Desktop-Layouts via Floating und Positionieren → Script
  6. 03.12.15 Interaction, Webfonts, Media Queries → Script
  7. 07.01.16 CSS-Transitions, Javascript-Basics, Einsatz von jQuery → Script

Computer

Wer die Möglichkeit hat, seinen eigenen Laptop mitzubringen (und mit diesem auch online gehen kann), kann dies gerne machen …

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


Angemeldete StudentInnen

  • Augustynowicz Patricia
  • Becker Marina
  • Bermudez Elsinger Maria Anat'kay
  • Brehorst Leonie
  • Buchhauser Katharina
  • Burnuthian Veronica
  • Desenko Aleksandra
  • Dickmann Nina
  • Gottmann Lisa
  • Grenzebach Veronika
  • Gruber Cornelia
  • Häckl Maximilian
  • Hanke Simon
  • Heinzeller Stefanie
  • Herberg Matthias
  • Hoffmann Elena
  • Hoffmann Julien
  • Ihlow Kim
  • Kim Hyuna
  • Klinksik Marinus
  • Koch Katharina
  • Kreile Sarah
  • Kress Judith
  • Künzner Daniel
  • Lange Daniela
  • Lehmann Max
  • Mockenhaupt Anna
  • Neudecker Sophie
  • Niggl Katja
  • Pfnür Melanie
  • Pues Verena
  • Reveron Baecker Deba
  • Schaff Martina
  • Schneider Mara
  • Schoppel Andreas
  • Schröter Regina
  • Ströbel Suparada
  • Tauschek Tim
  • Urbin Marie
  • Wierl Dominik
  • Will Vanessa

Webspace

http://fk12.org/web15/index.php


Unterrichtszeiten

jeweils Donnerstag 9.00 bis 12.15 im Raum M014 Maclabor (4 Semesterwochenstunden)

kein Unterricht

12.11.15 – an diesem Tag findet an der HM der „Tag der Lehre“ statt!
Eddy ist aber da und kann Euch beim Erstellen Eurer Übungen helfen…


Prüfungen/Abgaben

… voraussichtlich …

10.12.15 Zwischenpräsentation
21.01.16 Abgabe aller Übungen sowie des Semesterprojektes

 Auslosung der Präsentationsreihenfolge


Fertigstellung Übungsaufgaben

  • die Übungsaufgaben müssen jeweils bis zur nächsten Vorlesung fertiggestellt werden!
  • alle eigenen Übungsaufgaben müssen bis zur Abschlusspräsentation eine gemeinsame Startseite haben
  • auch bei dieser wird eine gute Gestaltung bewertet!

Prüfungsmodus

  • Übungsaufgaben
  • mit einer gemeinsamen Startseite, von der aus alle Übungen verlinkt sind.
  • Semesterprojekt: eigenes Portfolio
    • muss aus Text & Bildmaterial bestehen
    • soll auf aktuellen Smartphones gut angesehen werden können
    • HTML-Code der Seite muss "valide" sein (HTML5)

Beurteilung

33% Übungsaufgaben
33% Konzept & Design des Schlussprojekts (erstellt mit Sketch bzw. Adobe Produkt)
33% HTML/CSS des eigenen Portfolios


empfehlenswerte Programme Macintosh

zum Erstellen von HTML, CSS und Javascript…

  • Brackets kostenloser, sehr innovativer Editor (verwenden wir im Unterricht)
  • Textwrangler kostenloser, umfangreicher Texteditor
  • Smultron, sehr günstiger (€ 3,99.–) Text-Editor mit Syntax-Highlighting
  • Textmate ebenfalls ein Texteditor, sehr mächtig und bei Entwicklern beliebt, muss gekauft werden
  • Sublime Text, toller Text-Editor mit vielen interessanten Features; kann kostenlos getestet werden, muss dann aber gekauft werden … (ca. $ 59.-)
  • Coda Editor für HTML, CSS, Javascript, PHP…; klasse Benutzeroberfläche, mein Lieblingstool für HTML/CSS/Javascript (ca. $ 75.-)
  • aptana kostenloser, sehr mächtiger Editor für HTML, CSS, Javascript, PHP…

empfehlenswerte Programme Windows

zum Erstellen von HTML, CSS und Javascript…

  • Brackets kostenloser, sehr innovativer Editor (verwenden wir im Unterricht)
  • pspad kostenloser, guter Editor für HTML, CSS, Javascript, PHP…
  • aptana kostenloser, sehr mächtiger Editor für HTML, CSS, Javascript, PHP…

FTP-Programme

Zum Hochladen Eurer Dateien benötigt Ihr ein spezielles Programm – ich empfehle folgende:

  • Cyberduck – kostenlos, nur für Macs
  • FileZilla – kostenlose, Windows, Macs & Linux
  • Transmit – kostenpflichtig, nur für Macs

Buchenpfehlungen

  • MÜNZ, Stefan & Gull Clemens (2015): HTML-Handbuch, Studienausgabe; ISBN 978-3645603454
  • ZELDMAN, Jeffrey (2009): Designing with Web Standards; ISBN 978-0321616951
  • KRUG, Stephe (2013): Don't Make Me Think! A Common Sense Approach to Web Usability; ISBN 978-0321965516
  • CLARKE, Andy (2006): Transcending CSS: The Fine Art of Web Design ISBN 0321410971
  • CEDERHOLM, Dan (2007): Bulletproof Web Design ISBN 978-0321509024
  • MEYER, ERIC (2009): CSS: The Definitive Guide ISBN 978-0596527334
  • FREEMAN & FREEMANN (2006): HTML mit CSS und XHTML von Kopf bis Fuß ISBN 978-3897214538;

empfehlenswerte Websites


Guter Provider (benutzen wir selbst)

…€ 1,90.– pro Monat Hosting-Gebühren, zuverlässig, Öko-Strom …

http://www.hetzner.de/hosting/produkte_webspace/level1