Design 1: Digital Design Skills (E)
Niveau
Bachelor
Lernergebnisse der Lehrveranstaltungen/des Moduls
Die Teilnehmer:innen:
• können den Entwicklungsprozess für Web-Anwendungen beschreiben
• können die grundlegenden Technologien des World Wide Webs (HTML, HTTP, CSS) anwenden
• können Web-Anwendungen für unterschiedliche Geräteklassen (Responsive bzw. Adaptive Webdesign) entwickeln
• können die Informationsarchitektur (Sitemap, Navigationsstruktur, Userführung) einer Web-Anwendung entwickeln
• können Gestaltungsprinzipien des Web-Designs in Bezug auf Farben, Formen, Typografie, Multimedia erklären
• können Gestaltungsprinzipien des Web-Designs beschreiben und diese an einfachen Beispielen anwenden
• können den Entwicklungsprozess für Web-Anwendungen beschreiben
• können die grundlegenden Technologien des World Wide Webs (HTML, HTTP, CSS) anwenden
• können Web-Anwendungen für unterschiedliche Geräteklassen (Responsive bzw. Adaptive Webdesign) entwickeln
• können die Informationsarchitektur (Sitemap, Navigationsstruktur, Userführung) einer Web-Anwendung entwickeln
• können Gestaltungsprinzipien des Web-Designs in Bezug auf Farben, Formen, Typografie, Multimedia erklären
• können Gestaltungsprinzipien des Web-Designs beschreiben und diese an einfachen Beispielen anwenden
Voraussetzungen der Lehrveranstaltung
keine Voraussetzungen
Lehrinhalte
Gegenstand dieser einführenden Lehrveranstaltung sind die technologischen Grundlagen des Webs und alle in diesem Zusammenhang wichtigen Implementierungstechnologien (HTML, CSS). Den Studierenden wird der gesamte Entwicklungsprozess einer Web-Anwendung nähergebracht (Design, Wireframing, Implementierung, Testen, Betrieb und Wartung), dabei wird ein besonderes Augenmerk auf die Schnittstelle zwischen Web-Design und Web-Programmierung gelegt.
Hierbei wird vor allem auf omnipräsente Technologien des Web gesetzt, die breite Anwendung finden, etwa des HTTP-Protokolls für die Kommunikation zwischen Web-Sever und -client, HTML und CSS als primäre Werkzeuge für die Darstellungsaspekte auf der Clientseite.
Vermittelt werden Grundlagen der Internetprogrammierung, Seitencodierung mit der Markup- und Auszeichnungssprache HTML, Basisformatierungen, Tabellen, Formulare, CSS Grundlagen (Aufbau von CSS Dateien, Selektoren, einfache Formatierungsmöglichkeiten, dynamische Darstellungseffekte).
Den Studierenden wird weiterhin vermittelt, wie sie ansprechende Websites und Web-Anwendungen erstellen können. Neben den technologischen Standards gehört dazu auch Fachwissen aus den Bereichen:
Layout und Wahrnehmung, Typografie (Lesbarkeit und Schriftformate) und Farbenlehre (Farbschemen und Farbwirkung). Diese Lehrveranstaltung bietet eine solide Grundlage für Studierende, um ihre Fähigkeiten im Bereich Web-Design und Produktentwicklung weiterzuentwickeln und erfolgreich auf dem Markt einzusetzen.
Hierbei wird vor allem auf omnipräsente Technologien des Web gesetzt, die breite Anwendung finden, etwa des HTTP-Protokolls für die Kommunikation zwischen Web-Sever und -client, HTML und CSS als primäre Werkzeuge für die Darstellungsaspekte auf der Clientseite.
Vermittelt werden Grundlagen der Internetprogrammierung, Seitencodierung mit der Markup- und Auszeichnungssprache HTML, Basisformatierungen, Tabellen, Formulare, CSS Grundlagen (Aufbau von CSS Dateien, Selektoren, einfache Formatierungsmöglichkeiten, dynamische Darstellungseffekte).
Den Studierenden wird weiterhin vermittelt, wie sie ansprechende Websites und Web-Anwendungen erstellen können. Neben den technologischen Standards gehört dazu auch Fachwissen aus den Bereichen:
Layout und Wahrnehmung, Typografie (Lesbarkeit und Schriftformate) und Farbenlehre (Farbschemen und Farbwirkung). Diese Lehrveranstaltung bietet eine solide Grundlage für Studierende, um ihre Fähigkeiten im Bereich Web-Design und Produktentwicklung weiterzuentwickeln und erfolgreich auf dem Markt einzusetzen.
Empfohlene Fachliteratur
- Ertel, A.; Laborenz, K.: Responsive Webdesign: Konzepte, Techniken, Praxisbeispiele. Das Standardwerk in 3. Auflage!, Rheinwerk Computing, 2017
- Wolf, J.: HTML5 und CSS3 - Das umfassende Handbuch, Rheinwerk Computing, 2019
- Krug, S.: Don't make me think!: Web Usability: Das intuitive Web, mitp Business, 2014
- Grant, K.: CSS in Depth, Manning, 2018
- Wolf, J.: HTML5 und CSS3 - Das umfassende Handbuch, Rheinwerk Computing, 2019
- Krug, S.: Don't make me think!: Web Usability: Das intuitive Web, mitp Business, 2014
- Grant, K.: CSS in Depth, Manning, 2018
Bewertungsmethoden und -Kriterien
Portfolioprüfung
Unterrichtssprache
Englisch
Anzahl der zugewiesenen ECTS-Credits
6
Semesterwochenstunden (SWS)
Geplante Lehr- und Lernmethode
Vortrag, Gruppenarbeit, Präsentation und Diskussion von Aufgaben
Semester/Trisemester, In dem die Lehrveranstaltung/Das Modul Angeboten wird
1