Zielsetzung des Kurses
Der Kurs Webdesign für Portfolios behandelt die Gestaltung und Umsetzung digitaler Portfolio-Webseiten im Kontext von Screendesign und Frontend-Entwicklung. Im Fokus stehen Konzeption, visuelle Systematik und technische Realisierung für individuelle Portfoliostrukturen. Vermittelt werden Vorgehensweisen zur Informationsarchitektur, zur Ausarbeitung von Layouts und Komponenten sowie zur Überführung in HTML, CSS und einfache Interaktionen. Ergänzt wird dies durch Aspekte zu Zugänglichkeit, Performance und grundlegenden rechtlichen Rahmenbedingungen.
Inhalte
Konzeption und Informationsarchitektur: Strukturierung von Portfolio-Inhalten, Definition von Navigationsmodellen, Content-Inventar und Priorisierung von Projekten
Visuelles Design und Layout: Entwicklung von Raster, Typografie und Farbklima, Komponentenbildung für Projektseiten, Startseiten und Kontaktbereiche
Technische Umsetzung im Frontend: Erstellung semantischer HTML-Strukturen, Layoutgestaltung mit CSS, responsive Anpassungen und einfache Interaktionen mit leichtem JavaScript-Einsatz
Medienaufbereitung und Performance: Bild- und Asset-Optimierung, Dateistrukturen, Ladezeitreduktion und responsives Medienhandling
Nutzbarkeit und Zugänglichkeit: Anwendung grundlegender Accessibility-Prinzipien, Tastaturnavigation, Kontraste und Alternativtexte
Publikation und Rahmenbedingungen: Auswahl von Hosting-Optionen, Domain- und Deployment-Grundlagen, rechtliche Grundlagen zu Impressum, Datenschutz und Urheberhinweisen
Lernziele
- Analysieren von Portfolio-Inhalten und Identifizieren einer geeigneten Informationsarchitektur
- Erstellen von Wireframes und Entwickeln eines konsistenten Komponenten-Layouts für Portfolio-Seiten
- Anwenden semantischer HTML-Strukturen und Implementieren responsiver CSS-Layouts
- Durchführen von Bild- und Asset-Optimierungen zur Reduktion von Ladezeiten
- Integrieren grundlegender Accessibility-Maßnahmen einschließlich Alternativtexten und Tastaturbedienbarkeit
- Beurteilen von Hosting- und Deployment-Optionen sowie Umsetzen der notwendigen rechtlichen Hinweise
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Webdesign und UI-Design, insbesondere bei der Gestaltung individueller Portfolio-Auftritte. Typische Tätigkeitsfelder umfassen Frontend-Entwicklung mit Fokus auf statische Webseiten und responsive Layouts. Der Kurs adressiert Inhalte für Tätigkeiten wie Content- und Asset-Aufbereitung für Webprojekte sowie Pflege und Weiterentwicklung kleiner Webpräsenzen.
Zusammenfassung
Der Kurs Webdesign für Portfolios behandelt Konzeption, Gestaltung und technische Umsetzung von Portfolio-Webseiten einschließlich Zugänglichkeit, Performance und Publikation. Im Rahmen dieser Weiterbildung werden Vorgehensweisen aus Webdesign und Frontend-Entwicklung gebündelt und auf die Struktur von Portfolio-Inhalten angewendet. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern im Web- und UI-Design sowie in der Frontend-Entwicklung.