Inhalt

Abstract:

Lernziel

Die Kursteilnehmer sollen ihre Webdesign-Kenntnisse (HTML5, CSS und JavaScript) vertiefen und durch weitere Webdesign-Techniken (PHP Programmierung und Nutzung von Datenbanken) erweitern.
Zudem sollen wichtige Grundlagen für die Erstellung moderner Websites (CSS Framework Bootstrap und Suchmaschinenoptimierung) vermittelt werden.

Dazu werden verschiedene professionelle Anwendungsmöglichkeiten der Kombination von HTML5 und JavaScript erklärt.

Die Kursteilnehmer erlernen die moderne Technik des Seitenlayouts auf Grundlage des CSS Flexbox-Modells mit responsiver Funktionalität für Smartphone-, Tablet- und Monitordarstellung.

Bootstrap (ursprünglich von der Twitter entwickelt) wird weltweit in vielen Websites als CSS Framework verwendet. Die Kursteilnehmer sollen die Nutzung und Vorteile der aktuellen Version 5 zur Nutzung in der eigenen Website kennen lernen.

Ein weiteres Lernziel besteht darin, ohne Vorkenntnisse das Programmieren von sinnvollen PHP-Programmen zur Erstellung von dynamischen und interaktiven Website-Anwendungen kennen zu lernen.

Die Kursteilnehmer sollen zudem die Nutzung von SQL-Datenbanken in Kombination mit den erlernten Vorkenntnissen aus dem Kapitel PHP Programmiersprache verbinden.

Ein Kapitel zeigt die Grundlagen zur Installation des Content Management Systems WordPress und die Realisierung einer funktionalen Website in WordPress mit Hilfe von Plug-ins (Themes).

Als ein Erfolgsfaktor für die Website eines Unternehmens oder Institution stellt die Suchmaschinenoptimierung eine wichtige Aufgabe im Webdesign dar. Die Kursteilnehmer erlernen in diesem Kapitel essentielle SEO Maßnahmen im Rahmen der Google Search Console.

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

• HTML5 & JavaScript
• CSS3 Flexbox Layouttechnik
• Bootstrap 5 CSS Framework
• PHP Grundlagen
• MariaDB SQL Datenbank
• WordPress CMS Grundlagen
• SEO mit Google Search Console

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

HTML5 & JavaScript

• Formulare
• Web Storage
• Geo Location
• Animation
• Ajax
• jQuery

CSS3 Flexbox Layouttechnik

• Reset
• Normalisieren
• Personalisieren
• CSS Browseranpassung
• Medienspezifisches CSS
• Selektoren, Vererbung und Kaskade
• CSS Präprozessor

Bootstrap 5 CSS Framework

• Bootstrap
• Rasterlayout für responsive Websites
• Layout im Raster
• Typografie
• Formulare
• Bilder, Effekte und Symbole
• Komponenten

PHP Grundlagen

• Installation und Konfiguration
• Webserver: MAMP für Windows
• Webserver: MAMP für macOS
• Webserver: XAMPP
• PHP und HTML5
• Variablen und Anweisungen
• Konstanten
• Objektorientierte Programmierung
• Formularverarbeitung
• E-Mail Versand
• Cookies

MariaDB SQL Datenbank

• Grundlagen
• SQL Datenbanksystem
• Datenbankzugriff mit PHP
• Administration mit phpMyAdmin
• Datenbank, Tabellen und Rechte
• Datensätze anzeigen
• Datensatz hinzufügen
• Datensatz bearbeiten
• Datensatz löschen

WordPress CMS Grundlagen

• Grundlagen
• Features
• Installation
• Konfiguration
• Rundgang
• Der erste Inhalt
• Administration

SEO mit Google Search Console

• Was sind überhaupt Suchmaschinen?
• Was ist SEO?
• SEO betreiben
• SEO-Tool: Google Search Console
• Datenschutz

Lern-/Qualifikationsziele:

-

Lehrveranstaltungstyp:

Virtuelle Vorlesung

Interaktionsformen mit Betreuer/in:

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

Interaktionsformen mit Mitlernenden:

Forum, E-Mail

Kursdemo:

zur Kursdemo

Nutzung

Kurs ist konzipiert für:

Allgemeinwissenschaften

Formale Voraussetzungen:

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" und "Webdesign 2") empfohlen.

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

Hinweise zur Nutzung:

-

Kursumsetzung (verwendete Medien):

-

Erforderliche Technik:

-

Nutzungsentgelte:

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

Rechte hinsichtlich des Kursmaterials:

-

Verantwortlich

Anbieterhochschule:

OTH Regensburg

Anbieter:

Prof. Dr. Thomas Waas

Alexander Nacke

Autoren:

Alexander Nacke

Betreuer:

Alexander Nacke

Prüfung

Art der Prüfung:

schriftlicher Leistungsnachweis (Klausur)

Bemerkung:

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

Prüfer:

Alexander Nacke

Prüfungsanmeldung erforderlich:

ja

Anmeldeverfahren:

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

Prüfungsanmeldefrist:

05.11.2025 00:00 Uhr bis 09.01.2026 23:59 Uhr

Prüfungsabmeldefrist:

05.11.2025 00:00 Uhr bis 09.01.2026 23:59 Uhr

Kapazität:

–

Prüfungsdatum:

10.01.2026

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:

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.