Kursbeschreibung

Der Kurs vermittelt die Grundlagen der Webseitenerstellung mit HTML und CSS mithilfe von VS Code sowie den praktischen Umgang mit WordPress. Zudem machst du dich mit dem Einsatz Künstlicher Intelligenz im beruflichen Umfeld vertraut. Das erworbene Wisssen ist in allen Design- und Grafikbereichen nachgefragt.

Basiswissen Webdesign und CMS

Grundlagen Webdesign HTML und CSS mit VS Code (ca. 9 Tage)
HTML-Einführung
Grundgerüst Tags zur Texterstellung (h1-h6, p, br, span)
Text-Format-Befehle
Grafiken einbinden
Verlinkungen (Interne-, Externe-, Tel.-, mailto-Links)
Listen und Tabellen
CSS-Einführung
Einbindungsmöglichkeiten von CSS-Angaben (intern, extern, inline-Style)
Basisbefehle (Textgestaltung, Schriftfarbe, Hintergrundfarbe)
Richtiger Syntax Aufbau
Überprüfung durch W3C Validierungstool
HTML-Container
Nutzung und Styling von Containern
Einführung Box-Modell
padding, margin, border, border-radius und ihre Shorthands
Klassen, ID’s, Selektoren
Einführung in VS Code
Zusätzliche Extensions für VS Code (z. B. Live Server, Emmet Commands, Copilot (KI))
KI-Nutzung in Kombination mit VS Code
CSS Flex-Box Einführung
Layouts mit Flex-Box
Ausrichtung mit Flex-box
Einführung in Positions
Static, absolute, fixed, sticky, relative
Left, right, top, bottom, z-index
Einführung in Responsive Design
Media-queries, breakpoints
Landscape, portait Modus

Grundlagen CMS mit WordPress (ca. 4 Tage)
Einführung in WordPress (Installation, Updates, Dashboard, Frontend, Backend)
Einstellungen
Medienverwaltung
Kommentare
Seiten und Beiträge anlegen und bearbeiten
Blöcke und Ihre Funktionen
Wiederkehrende Blöcke
Themes und Theme Editor
Templates und Anwendungsmöglichkeiten
Einführung in Plugins
Formularplugin 
Suchmaschinenoptimierungsplugin und Nutzung von KI-generierten Texten

Gesetzliche Vorgaben und Projektmanagement (ca. 2 Tage)
Internetrecht und hilfreiche Plugins zur Umsetzung der DSGVO
WordPress-Werkzeuge zur Umsetzung der DSGVO
Benutzerverwaltung
Barrierefreiheit
Projektmanagement

Projektarbeit (ca. 5 Tage)
Zur Reflexion und Festigung der gelernten Inhalte
Präsentation der Projektergebnisse



Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.