Kostenlose Beratung 0800 3456-500 Mo. - Fr. von 8 bis 17 Uhr kostenfrei aus allen Netzen.

Webdesign und Content Management Systeme (CMS) mit WordPress

Kostenlos für Dich

durch Förderung

Nach dem Kurs kennst du den Workflow für ein modernes Webdesign und kannst Webseiten erstellen. Zudem kannst du mit dem Programm WordPress Webseiten und Blogs mit Inhalten füllen, Seiten- und Menüstrukturen erstellen und Web-Layouts gestalten und du erfährst, wie Künstliche Intelligenz (KI) im Beruf eingesetzt wird.
  • Abschlussart: Zertifikat „Webdesign mit HTML/CSS/Dreamweaver“
    Zertifikat „Content-Management-Systeme (CMS) mit Wordpress“
  • Abschlussprüfung: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Unterrichtszeiten: Vollzeit
  • Dauer: 12 Wochen

Webdesign mit HTML, CSS und Dreamweaver

HTML (ca. 5 Tage)

Grundgerüst

Tags zur Texterstellung (h1-h6, p, br)

Grundlagen CSS

Text-Format-Befehle

Gerüstbildende HTML-Tags (z. B. header, nav)

Grafiken einbinden und in Photoshop aufbereiten

Favicons

Verlinkungen

Interne-, Externe-, Tel.-, mailto-Links

Listen und Tabellen

Formulare in HTML

Formularelemente

Einbindung von Video- und Audioelementen

Einbindung von YouTube und Google-Maps

Unterschiede zwischen XHTML und HTML


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI-Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis-Übungen


Grundlagen CSS (ca. 5 Tage)

Grundlagen Dreamweaver

Einbindungsmöglichkeiten von CSS-Angaben (intern, extern, inline-Style)

Textgestaltung mit CSS

CSS-Attribute zur Gestaltung von Bordern und Abständen (padding, margin)

Hintergrundgestaltung per CSS

Grundlagen float/clear

Spaltigkeit mit float

Farben mit CSS

Clearfix

Pseudoelemente (::before/::after)

Pseudoklassen (:nth-of-type)

Listen/display/Link-Pseudo-Klassen

Navigation mit ul/li (horizontal/vertikal)


CSS-Flexbox (ca. 5 Tage)

Spaltigkeit mit Flex

Ausrichtung von Elementen mit Flex

Spalten in Spalten mit Flex

Individuelle Schrift verwenden (@font-face)

Schriften mit Dreamweaver

Dreamweaver – CSS-Designer

CSS-Position

Positionen: relative/absolute/fixed

Möglichkeiten zur Formulargestaltung per CSS

CSS-Farbverläufe

CSS – transition/transform


Responsives Webdesign (ca. 6 Tage)

Breakpoints, Viewport, Media-Querys

Header und header-img responsiv gestalten

Picture-Elemente in HTML

Mobile Navigation mit hover

Hover in click auf Apple-Handys ermöglichen

Klick-Event per CSS (mittels checkbox)

Responsive Navigationen mit click

Animierter Burger-Button

CSS-Akordeon (mittels Radio-Buttons)

Drop-Down-Menü für Desktop und Mobile

Unterschiedliche Designs

CSS-Pseudoklasse :target

One-Page-Site – Seitenstruktur

Responsive Navigation mit :target-Steuerung

Vorteile von One-Page-Sites


JavaScript (ca. 9 Tage)

Anwendungen einbinden

Einstieg in JavaScript/jQuery

If-then-else

Variablen

Data Objekt

Array Datentyp

ScrollTop

For-Schleife

Math-Objekt

Sticky-menu (js/css)

Menu mit Scrollen ein-/ausblenden

Verwendung von vh/vw und calc

Pflichtangaben Impressum/Datenschutz

Cookiehinweis

Font-awesome – Symbol Bibliothek

CSS-Filter

CSS-Variablen

Optim. der Site für die Suchmaschinen (SEO)

Object fit – Rahmenfüllende Grafiken

CSS-Animation

CSS-Grid

Grid-template-areas

Einführung in CSS-Framework: Bootstrap


Projektarbeit (ca. 10 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

CMS Wordpress

Einstieg in WordPress (ca. 5 Tage)

Voraussetzungen von WordPress.com/WordPress.org

Webhosting und Provider (z. B. LocalWP)

Ordnerstrukturen und Datenbanken in WordPress

Frontend und Backend – Objekte verwalten, sortieren und filtern

Blog-Beiträge

Seitentypen (Website-Strukturen, Seiten, Kategorien)

Medienverwaltung und -bearbeitung

Interaktion mit Besuchenden anhand von Kommentaren

Block-Editor, Klassischer Editor und HTML-Editor

Blöcke (Design, Medien, Widgets, fremde Inhalte)


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI-Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis-Übungen


WordPress Themes (ca. 3 Tage)

Kriterien zur Auswahl von Themes

Arten von Themes (kostenlos, kostenpflichtig)

Webdesign-Basics (Typografie, Farben)

HTML & CSS Grundlagen

Child-Themes und Custom CSS

Block-Themes (Navigation, Full Site Editing, Templates, Vorlagen)

Klassische Themes (Websiteanpassung, Menüs & Widgets)


WordPress Plugins (ca. 2 Tage)

Erweiterung durch Plugins

Beliebte Plugins

Funktionale, dynamische und visuelle Elemente


Fortgeschrittene Themen und Erweiterung mit WooCommerce (ca. 5 Tage)

Moderne & komplexe Layouts erstellen

Suchmaschinenmarketing und -optimierung von Shop-Webseiten

Mehrsprachige Webseiten

Benutzerverwaltung

Impressum und Datenschutz

Systemverwaltung

Backups

Planung und Konfiguration von Webshops

Produktanlage (Kategorien, Bilder, etc.)

Bestellabwicklung

Woo-Themes und deren Anpassung


Projektarbeit (ca. 5 Tage)

Erstellung einer Projektarbeit mit anschließender Präsentation der Projektergebnisse



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

Du kennst den kompletten Workflow für ein modernes Webdesign und produzierst benutzerfreundliche und anspruchsvolle Webseiten.

Des Weiteren beherrschst du den Umgang mit dem Content Management System WordPress und der Shop-Software WooCommerce und bist in der Lage, eine funktionelle Webseite mit einem Shop, News-Blog und passenden Erweiterungen zu installieren und zu administrieren, Seitenstrukturen mit statischen und dynamischen Inhalten anzulegen und moderne responsive Web-Layouts zu gestalten. 

Webdesigner:innen, Webprogrammierer:innen, Grafiker:innen, Mediengestalter:innen, Fachkräfte aus künstlerischen Berufen oder Personen, die bei der Konzipierung, Gestaltung und praktischen Umsetzung von Internet-Auftritten verantwortlich mitwirken und die dafür notwendigen Kenntnisse und Fähigkeiten erwerben wollen.

Mediengestalter:innen, Grafiker:innen, Webdesigner:innen, Social Media- und Online Marketing Manager:innen, Fachkräfte aus der Redaktion, dem Journalismus oder künstlerischen Berufen oder Personen, die bei der Konzipierung, Gestaltung und praktischen Umsetzung von Internet-Auftritten verantwortlich mitwirken und die dafür notwendigen Kenntnisse und Fähigkeiten erwerben wollen.

Nahezu alle Unternehmen setzen heutzutage auf einen attraktiven Internetauftritt, der sie als Unternehmen repräsentiert. Als zukünftige Arbeitgeber:innen kommen vor allem Grafik-, Werbe-, Web-, Multimedia- oder Fullservice-Agenturen, aber auch Software- und Datenbankanbieter in Frage. Kenntnisse im Bereich Webdesign werden in nahezu allen Branchen gefordert. Mit entsprechendem Knowhow ist auch die berufliche Selbstständigkeit eine interessante Perspektive.

Mit zusätzlichen Kenntnissen in WordPress verfügst du über Wissen in einem der verbreitetsten WCMS, das vor allem im Online-Marketing sehr häufig zum Einsatz kommt.

Dein aussagekräftiges Zertifikat gibt detaillierten Einblick in deine erworbenen Qualifikationen und verbessert deine beruflichen Chancen.

Didaktisches Konzept

Deine Dozierenden sind sowohl fachlich als auch didaktisch hoch qualifiziert und werden dich vom ersten bis zum letzten Tag unterrichten (kein Selbstlernsystem).

Du lernst in effektiven Kleingruppen. Die Kurse bestehen in der Regel aus 6 bis 25 Teilnehmenden. Der allgemeine Unterricht wird in allen Kursmodulen durch zahlreiche praxisbezogene Übungen ergänzt. Die Übungsphase ist ein wichtiger Bestandteil des Unterrichts, denn in dieser Zeit verarbeitest du das neu Erlernte und erlangst Sicherheit und Routine in der Anwendung. Im letzten Abschnitt des Lehrgangs findet eine Projektarbeit, eine Fallstudie oder eine Abschlussprüfung statt.

 

Virtueller Klassenraum alfaview®

Der Unterricht findet über die moderne Videotechnik alfaview® statt  - entweder bequem von zu Hause oder bei uns im Bildungszentrum. Über alfaview® kann sich der gesamte Kurs face-to-face sehen, in lippensynchroner Sprachqualität miteinander kommunizieren und an gemeinsamen Projekten arbeiten. Du kannst selbstverständlich auch deine zugeschalteten Trainer:innen jederzeit live sehen, mit diesen sprechen und du wirst während der gesamten Kursdauer von deinen Dozierenden in Echtzeit unterrichtet. Der Unterricht ist kein E-Learning, sondern echter Live-Präsenzunterricht über Videotechnik.

 

Die Lehrgänge bei alfatraining werden von der Agentur für Arbeit gefördert und sind nach der Zulassungsverordnung AZAV zertifiziert. Bei der Einreichung eines Bildungsgutscheines oder eines  Aktivierungs- und Vermittlungsgutscheines werden in der Regel die gesamten Lehrgangskosten von deiner Förderstelle übernommen.
Eine Förderung ist auch über den Europäischen Sozialfonds (ESF), die Deutsche Rentenversicherung (DRV) oder über regionale Förderprogramme möglich. Als Zeitsoldat:in besteht die Möglichkeit, Weiterbildungen über den Berufsförderungsdienst (BFD) zu besuchen. Auch Firmen können ihre Mitarbeiter:innen über eine Förderung der Agentur für Arbeit (Qualifizierungschancengesetz) qualifizieren lassen.