Zielsetzung des Kurses
Der Kurs Grafikdesign & Webentwicklung adressiert die Schnittstelle von visueller Gestaltung und technischer Umsetzung digitaler Oberflächen. Behandelt werden Konzepte der Gestaltung, Typografie und Layouts in Verbindung mit HTML, CSS und grundlegender Programmierung für Webseiten. Ziel ist die Vermittlung von Vorgehensweisen zur Planung, Gestaltung und Implementierung grafischer Elemente in webbasierte Anwendungen. Der Kurs ist dem Fachgebiet der digitalen Medienproduktion und Frontend-Entwicklung zugeordnet.
Inhalte
Einführung in Gestaltungstheorie und visuelle Kommunikation mit Schwerpunkt auf Farbkonzepten, Typografie, Raster und Bildsprache sowie deren Übertragung auf digitale Interfaces
Grundlagen der Webentwicklung mit HTML, CSS und responsiven Layouts einschließlich Semantik, Barrierefreiheit und Strukturierung von Inhalten
Interaktionsdesign und User-Interface-Komponenten mit Fokus auf Navigationskonzepten, Prototyping-Methoden und Gestaltung konsistenter Designsysteme
Medienproduktion für das Web durch Aufbereitung von Grafiken, Icons und Bewegtbildformaten unter Berücksichtigung von Dateiformaten, Kompression und Ladezeiten
Einführung in JavaScript-basierte Funktionen für einfache Interaktionen, Formularlogik und Einbindung externer Ressourcen
Qualitätssicherung und Veröffentlichung mit Versionsverwaltung, Testing-Grundlagen, Performance-Messung sowie Deployment- und Wartungsabläufen
Lernziele
- Analysieren von Layouts, Farbkonzepten und Typografie hinsichtlich Lesbarkeit und Konsistenz
- Erstellen semantischer HTML-Strukturen und Anwenden von CSS zur Umsetzung responsiver Oberflächen
- Entwickeln einfacher Interaktionen durch Implementieren grundlegender JavaScript-Funktionen
- Konzipieren von Navigationsstrukturen und UI-Komponenten anhand von Wireframes und Prototypen
- Integrieren optimierter Medienressourcen unter Berücksichtigung von Dateiformaten, Alt-Texten und Ladezeiten
- Bewerten der Qualität durch Durchführung von Tests zu Barrierefreiheit, Performance und Darstellung auf Endgeräten
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Webdesigner, bei denen Gestaltungskonzepte in nutzbare Webseiten überführt werden. Typische Tätigkeitsfelder umfassen Frontend-Entwicklung mit Schwerpunkt HTML, CSS und grundlegender JavaScript-Implementierung. Der Kurs adressiert Inhalte für Tätigkeiten wie UI/UX-Design, insbesondere Gestaltung von Komponenten, Prototyping und Interaktionskonzepten. Einsatzfelder ergeben sich zudem in der Medienproduktion für das Web, etwa bei der Aufbereitung von Grafiken und Bildmaterial.
Zusammenfassung
Der Kurs Grafikdesign & Webentwicklung behandelt die gestalterischen und technischen Grundlagen für die Erstellung digitaler Oberflächen. Im Rahmen dieser Weiterbildung werden Gestaltung, UI/UX-Konzepte, HTML/CSS, einfache JavaScript-Funktionen sowie Qualitätssicherung und Veröffentlichung vermittelt. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern wie Webdesign, Frontend-Entwicklung und UI/UX-Design.