Webentwicklung 1 - Detailansicht

Inhalte:

- Architektur des Web
- Toolset, Browser
- Hypertext Markup Language (HTML5): Historie, Document Object Model (DOM), Semantische Strukturierung
- Cascading Style Sheets (CSS3): Selektoren, Styling, Transformationen, Vererbung, Kaskade, Box-Modell, Positionierung und Layout
- Responsives Webdesign
- JavaScript: Einführung, DOM-Manipulation
- Hypertext Transfer Protocol (HTTP) und Cookies
- Content-Management-Systeme

E-Learning-Konzept:

- Start der Veranstaltung am Donnerstag, 15.10.2020
- Erklärvideos zu Vorlesungsinhalten und passende Übungsblätter werden zum Selbststudium wöchentlich auf Moodle gestellt
- Das Live-Webinar in BigBlueButton mit Prof. Hofmeister findet am Donnerstagstermin statt. Hier können individuell Fragen via Chat oder Audio zu den Inhalten gestellt werden und die Übungen besprochen werden. Des weiteren steht ein Forum für Nachfragen zur Verfügung.

Anteil Konzeption und Gestaltung von Websites:

Wochentlicher Vorlesungsanteil sowie Besprechungen zu den konzeptionellen und gestalterischen Anteilen mit u.a. folgenden Inhalten:
- Prinzipien modernen Webdesign
- Stragie und Konzeption von Websites
- Ziele der Website
- Zielgruppenanalyse
- Anforderungen an Funktionalität und Design
- Informationsarchitektur und Navigation
- Content Strategien
- Anforderungen an digitale Grids und Layout
- Screendesign mit Wireframes
- Detailgestaltung mit Typografie und Farbe
- Icons und Bilder

- Jürgen Wolf: "HTML5 und CSS3. Das umfassende Handbuch" (Rheinwerk Computing), 2016
- Peter Müller: "Flexible Boxes. Eine Einführung in moderne Websites" (Rheinwerk Computing)
- Philip Ackermann: "JavaScript. Das umfassende Handbuch" (Rheinwerk Computing), 2018

Die Studierenden besitzen ein Verständnis über die Funktionalität und das Zusammenspiel der elementaren Techniken des Web. Sie beherrschen die Implementierung und Gestaltung von Webseiten mit einfachen dynamischen Elementen. Sie sind in der Lage, Content-Management-Systeme gemäß ihres Anwendungszwecks einzusetzen.

Gemäß SPO gültig ab WS1718: PF oder PRO
Lt. aktuellem Aushang: PF
Der Leistungsnachweis setzt sich zusammen aus der technisch-gestalterischen Umsetzung einer Webseite zu einem vorgegebenen Thema (50%) sowie einem Testat bzw. einer mündlichen Befragung, die die technischen Vorlesungsinhalte zum Thema hat (50%).