Inhalt

Abstract:

Lernziel

Das Lernziel dieses Kurses besteht darin, den Kursteilnehmer mit fortgeschrittenen Webdesign-Techniken vertraut zu machen. Moderne Internetseiten setzen i.d.R. optimierte Webgrafiken sowie die Techniken HTML, CSS und JavaScript ein.

Alle notwendigen Schritte der Bildbearbeitung und Optimierung für das Web werden Ihnen mittels professioneller Werkzeuge vermittelt.

Sie erlernen das Erstellen von Internetseiten mit semantischem HTML5, deren Struktur von verschiedenen Klienten (z.B. Suchmaschinen, Software für Sehbehinderte, SmartPhones, Tablets, Webbrowsern) „verstanden“ und interpretiert werden kann.

Fortgeschrittene CSS3 Formatierungsmöglichkeiten und verschiedene Techniken der Seiten-Layoutgestaltung werden als wichtige Disziplin des Webdesigns vermittelt.

Ohne besondere Vorkenntnisse lernen Sie die Möglichkeiten kennen, ihre HTML5 Internetseite mit der Programmiersprache JavaScript zu erweitern.

Der Erfolg einer Website hängt sehr von dem Nutzererlebnis des Anwenders beim Betrachten der Website ab. Sie lernen die wichtigsten Werkzeuge und Verfahren für die Phase der Websiteplanung kennen.

Barrierefreies Webdesign kann unterschiedlich interpretiert und realisiert werden. Sie erfahren einige barrierefreie Techniken (für HTML5, CSS3, JavaScript) zur Realisierung der Vorgaben von geltenden Standards und gesetzlicher Regelungen.

Für größere Websiteprojekte in Unternehmen spielt ein strukturiertes Projektmanagement eine zentrale Rolle. Sie lernen Möglichkeiten des klassischen und agilen Projektmanagements kennen.

Kursablauf

Der Kurs wird als virtuelle Vorlesung jedes Semester im Rahmen der Virtuellen Hochschule Bayern (vhb) angeboten.

Über das Internet werden Lehrinhalte und Übungsaufgaben angeboten. Die Kursteilnehmer bearbeiten selbständig im eigenen Lerntempo die Kursinhalte.

Die fachliche Betreuung erfolgt über ein Diskussionsforum und E-Mail.

Gegen Ende des Kurses findet eine schriftliche Prüfung für die Kursteilnehmer als Online-Prüfung statt.

Gliederung:

Themen des Kurses

• Bildbearbeitung für das Web
• User Experience Design
• Barrierefreies Design
• Semantisches HTML5
• CSS3 Layoutgestaltung
• JavaScript Grundlagen
• Projektmanagement

Detaillierter Inhalt:

Kapitel des Kurses

Informationen zum Kurs
• Kurs-Info
• Kursanmeldung
• Willkommen
• Kurze Anleitung zum Einstieg in den Kurs
• FAQ - Antworten zu häufig gestellten Fragen
• Termine - Prüfung, Prüfungsanmeldung, Notenbekanntgabe
• Kurslernziel
• Muster: Schriftliche Abschlussprüfung
• Kurs als PDF
• Literatur
• Kontakt - Dozent: Alexander Nacke
• Forum

Bildbearbeitung für das Web
• Grundlagen und Technisches
• Gängige Web-Formate
• Farbtheorie und Farbmodus
• Foto-Bibliotheken
• Bildbearbeitung
• Export

User Experience Design
• Abgrenzung UX und UI
• Zielgruppen, bzw. Personas
• Informationsarchitektur (IA)
• Wireframes und Prototypen
• Der Google Design Sprint
• UX für mobile Anwendungen

Barrierefreies Design
• Überblick zu Standards und Richtlinien
• Barrierefreie bzw. -arme Techniken
• So testet man Barrierefreiheit

Semantisches HTML5
• Die semantische Struktur
• Elemente und Metadaten
• Displayoptimierte Bilder
• Eingebundene Videos

CSS3 Layoutgestaltung
• Layouttechnologien mit CSS3
• Positionierung von Elementen
• Responsives Layout
• Erweiterte Gestaltungsmöglichkeiten
• Interaktivität und Animationen
• Präprozessoren

JavaScript Grundlagen
• Wozu JavaScript?
• Einbinden und laden in HTML
• Elemente im DOM
• Variablen und Anweisungen
• Beispiele

Projektmanagement
• Funktion und Aufgaben
• Klassische PM-Methoden
• Agile Methoden für schnelle Entwicklungszyklen
• Erfolgsfaktoren
• Softwareunterstützung

Schwierigkeitsgrad:

Einsteiger

Lehr-/Lernform:

Virtuelle Vorlesung

Interaktionsformen mit dem System/Betreuer:

Kooperation Lerner/Betreuer bei der Aufgabenbearbeitung, Übungsaufgaben für Selbstlernbetrieb, Übungsaufgaben, E-Mail

Interaktionsformen mit Mitlernenden:

Forum, E-Mail

Kursdemo:

zur Kursdemo

Schlagworte:

Webdesign

Nutzung

Zielgruppe:

Schlüsselqualifikationen für Studierende

Nutzbar im Studiengang:

Allgemeinwissenschaften

Geeignet für Berufsfeld:

Informationstechnologie

Formale Zugangsvoraussetzungen:

Keine formalen Voraussetzungen

Erforderliche Vorkenntnisse:

Für die Kursteilnahme werden durchschnittliche Computer-Kenntnisse (Windows oder macOS oder Linux) und Grundkenntnisse in HTML und CSS (z.B. aus dem Kurs "Webdesign 1") empfohlen.

(Die parallele Kursbelegung mehrerer Kurse ist möglich.)

Erforderliche Vorkenntnisse bzgl. Handhabung der Lernplattform:

Durchschnittliche Windows-Kenntnisse

Verantwortlich

Trägerhochschule:

FH Regensburg

Anbieter:

Prof. Dr. Thomas Waas Alexander Nacke

Autoren:

Alexander Nacke

Betreuer:

Alexander Nacke

Prüfung

Art der Prüfung:

schriftlicher Leistungsnachweis (Klausur)

Prüfer:

Alexander Nacke

Anmeldeverfahren:

Die Prüfungsanmeldung erfolgt in der Kursoberfläche (ELO) über den Menüpunkt "Termine".

Prüfungsanmeldefrist:

21.04.2025 00:00 Uhr bis 27.06.2025 23:59 Uhr

Prüfungsabmeldefrist:

21.04.2025 00:00 Uhr bis 27.06.2025 23:59 Uhr

Kapazität:

–

Prüfungsdatum:

28.06.2025

Prüfungszeitraum:

–

Prüfungsdauer:

60 Minuten

Prüfungsort:

Schriftliche Abschlussprüfung als Online-Prüfung ("Open-Book" Prüfung im PDF-Format)

Zustündiges Prüfungsamt:

Zuständig ist das Prüfungsamt der jeweiligen Hochschule des Prüfungsteilnehmers.

Zugelassene Hilfsmittel:

Als Hilfsmittel für diese Open-Book Prüfung sind die Kursunterlagen, eigene Aufzeichnungen und Bücher erlaubt. Nicht erlaubt ist die Hilfe von anderen Personen am Tag der Prüfung.

Formale Voraussetzungen für die Prüfungsteilnahme:

Erfolgte Prüfungsanmeldung in der Kursoberfläche (ELO) über Menüpunkt "Termine".

Inhaltliche Voraussetzungen für die Prüfungsteilnahme:

keine

Zertifikat:

Ja (Ein Zertifikat (= Leistungsbescheinigung) mit Angabe von Note und ECTS kann über die Kursoberfläche (ELO) beantragt werden.)

Anerkennung an folgenden Hochschulen:

noch nicht bekannt

Sonstige Anerkennung:

Dieser Kurs wird seit Jahren von den meisten Universitäten und Fachhochschulen in Bayern anerkannt, auch wenn diese nicht in der Aufzählung "Anerkennung an folgenden Hochschulen" enthalten sind. Bitte klären Sie bei Bedarf bei Ihrem Prüfungsamt bzw. Prüfungsausschuss, ob dieser Kurs in Ihrem Studiengang anerkannt ist. Alle Internetkompetenz-Kurse werden gemäß den Vorgaben für Online-Prüfungen der OTH Regensburg und der einschlägigen Studienordnung der OTH Regensburg durchgeführt und geprüft, so dass die Voraussetzungen einer Anerkennung der Prüfungsleistungen nach §17 Absatz (1) und (2) der Rahmenprüfungsordnung vom 17.10.2001 in Verbindung mit den Regelungen für Allgemeinwissenschaftliche Fächer erfüllt sind.

Online-Prüfungsan-/-abmeldung:

Nein

Bemerkung:

Die Prüfungsanmeldung erfolgt in der Kursoberfläche (ELO) über den Menüpunkt "Termine".

Erforderliche Technik

Verwendete Lernplattform:

Moodle

Nutzungsbedingungen

Gebühren:

Nein

Nutzungsentgelte:

für andere Personen als (reguläre) Studenten der vhb Trägerhochschulen nach Maßgabe der Benutzungs- und Entgeltordnung der vhb

Copyright:

-

Hinweise zur Nutzung:

-