HTML / CSS

HTML und CSS bilden das technische Fundament nahezu jeder Webseite im Internet. Während HTML die inhaltliche Struktur einer Seite festlegt, sorgt CSS für Layout, Farbgebung und visuelle Gestaltung. Dieser Kurs vermittelt beide Sprachen von Grund auf und führt Schritt für Schritt von einzelnen HTML-Elementen bis zur vollständig gestalteten, mit CSS formatierten Webseite. Ziel ist es, dass Teilnehmende am Ende eigenständig Webinhalte strukturieren und optisch ansprechend umsetzen können.

Grundlagen der HTML-Programmierung Der Kurs beginnt mit den grundlegenden Regeln der HTML-Programmierung: dem Aufbau eines HTML-Dokuments, der Syntax von Tags und Attributen sowie dem sauberen Verschachteln von Elementen. Diese Basis ist Voraussetzung für alle weiteren Schritte, da fehlerhafte Grundstrukturen sich sonst durch den gesamten Code ziehen.

• Aufbau eines HTML-Dokuments mit Kopf- und Körperbereich
• Syntaxregeln für Tags, Attribute und verschachtelte Elemente
• Zentrale HTML-Elemente für Überschriften, Absätze und Textauszeichnung
• Listen für geordnete und ungeordnete Inhalte strukturieren
• Semantisch sinnvolle Gliederung einer Webseite planen
• Validierung von HTML-Code auf strukturelle Korrektheit

Medien, Verlinkung und Tabellen in HTML Aufbauend auf den Grundlagen werden die Elemente behandelt, die eine Webseite interaktiv und inhaltlich reichhaltig machen: Bilder, Verlinkungen und tabellarische Darstellungen. Hier verschiebt sich der Fokus von reiner Textstruktur hin zu praktischen Anwendungsfällen, wie sie auf realen Webseiten vorkommen.

• Implementierung von Grafiken und Bildern mit passenden Attributen
• Text als Hyperlink zu internen und externen Zielen verlinken
• Grafiken als klickbare Hyperlinks einbinden
• Aufbau von HTML-Tabellen für strukturierte Daten
• Zellen, Zeilen und Spalten in Tabellen gezielt formatieren
• Einbindung von HTML-Elementen für Style-Sheet- und Scriptbereiche

CSS-Grundlagen: Einbindung, Selektoren und Vererbung Im dritten Block wechselt der Fokus zur visuellen Gestaltung mit CSS. Die Teilnehmenden lernen, wie Stylesheets technisch in eine HTML-Seite eingebunden werden und wie das Zusammenspiel aus Selektoren, Vererbung und Rangfolge funktioniert – ein Bereich, der in der Praxis häufig zu Verständnisproblemen führt und deshalb besonders ausführlich behandelt wird.

• CSS-Vorlagen extern, intern und in-line einbinden und Unterschiede bewerten
• CSS-Selektoren für Elemente, Klassen und IDs gezielt einsetzen
• Vererbung von CSS-Eigenschaften innerhalb der Dokumentstruktur nachvollziehen
• Rangfolge und Spezifität bei widersprüchlichen CSS-Regeln auflösen
• Kombinierte Selektoren für komplexere Formatierungsanforderungen nutzen
• Browserbedingte Unterschiede bei der CSS-Darstellung einschätzen

CSS-Formate und praktische Seitengestaltung Im vierten Modul werden konkrete CSS-Formate erarbeitet und direkt auf eigene HTML-Seiten angewendet. Der Block verbindet Theorie und Praxis, indem jede Formatierungsregel unmittelbar am eigenen Code ausprobiert wird.

• Schriftformatierung: Schriftart, -größe, -farbe und -schnitt
• Farbgestaltung für Hintergründe, Text und Rahmen
• Abstände mit Innen- und Außenabständen gezielt steuern
• Rahmen, Ränder und einfache Layoutelemente formatieren
• Positionierung von Elementen innerhalb der Seite
• Responsive Grundprinzipien für unterschiedliche Bildschirmgrößen

Praxis: Eine eigene Webseite von Grund auf

• Planung der Seitenstruktur vor dem ersten Code
• Anlegen eines vollständigen HTML-Grundgerüsts
• Einbindung von Text-, Bild- und Verlinkungsinhalten
• Aufbau einer Navigation mit verlinkten Bereichen
• Erstellung einer Tabelle für strukturierte Inhalte
• Verknüpfung der Seite mit einem externen CSS-Stylesheet
• Formatierung von Überschriften, Absätzen und Listen per CSS
• Gestaltung von Farbschema und Schriftbild der Seite
• Einsatz von Selektoren zur gezielten Ansteuerung einzelner Bereiche
• Fehlersuche bei unerwartetem CSS-Verhalten durch Vererbung
• Optimierung der Seite für eine saubere, konsistente Darstellung
• Abschließende Überprüfung von HTML-Validität und CSS-Konsistenz

Die praktischen Übungen sind so aufgebaut, dass jede neu erlernte Technik unmittelbar an einem wachsenden eigenen Webseitenprojekt angewendet wird. Dadurch entsteht am Ende des Kurses nicht nur theoretisches Wissen, sondern ein vollständiges, selbst erstelltes Beispielprojekt. Der Kurs ist bewusst linear aufgebaut: von einzelnen HTML-Elementen über deren Kombination bis zur vollständigen CSS-Formatierung. Diese Struktur erleichtert es auch Personen ohne Vorerfahrung, den Lernstoff Schritt für Schritt zu durchdringen, ohne an einzelnen Konzepten hängen zu bleiben.

Der Kurs richtet sich an Personen, die einen beruflichen Einstieg oder Aufstieg im Bereich Webentwicklung oder Webdesign anstreben und dafür die technischen Grundlagen benötigen. Vorkenntnisse in Programmierung sind nicht erforderlich, da HTML und CSS von Grund auf vermittelt werden.

• Berufseinsteiger:innen, die sich Richtung Webentwicklung oder Webdesign orientieren möchten
• Quereinsteiger:innen aus fachfremden Berufen mit Interesse an digitalen Themen
• Personen, die im Beruf gelegentlich Webinhalte pflegen und dafür technisches Grundverständnis benötigen
• Selbstständige, die ihre eigene Webseite künftig selbst anpassen möchten

Der Kurs kombiniert angeleitete Lerneinheiten mit praktischen Programmierübungen, sodass jedes neue HTML- oder CSS-Konzept direkt am eigenen Code erprobt wird. Die Vollzeit-Organisation ermöglicht ein zügiges, konzentriertes Durcharbeiten der Inhalte ohne lange Unterbrechungen zwischen den Themenblöcken. Präsenz- und Onlinephasen wechseln sich ab, wobei praktische Coding-Übungen durchgehend im Zentrum stehen. Der lineare Aufbau der Inhalte unterstützt dabei, Grundlagen vor komplexeren Themen zu festigen.

Die Weiterbildung wird in Vollzeit durchgeführt und im Combined-Learning-Format organisiert, das Präsenz- und Onlineanteile miteinander verbindet. Der Umfang ist so bemessen, dass sowohl die HTML-Grundlagen als auch die CSS-Gestaltung ausführlich behandelt und in eigenen Übungsprojekten gefestigt werden können.

Der Kurs schließt mit einem trägerinternen Zertifikat ab, das die erfolgreiche Teilnahme und die erworbenen Kenntnisse in HTML und CSS bestätigt. Es handelt sich nicht um eine extern abgenommene Zertifizierungsprüfung, sondern um eine qualifizierte Teilnahmebescheinigung des Bildungsanbieters.

HTML und CSS sind die Basistechnologien, auf denen praktisch jede Webseite aufbaut – unabhängig davon, ob später mit einfachen statischen Seiten oder komplexen Frameworks gearbeitet wird. Wer diese Grundlagen sicher beherrscht, versteht die Funktionsweise des Web auf technischer Ebene und kann eigenständig einschätzen, wie Webinhalte strukturiert und gestaltet werden. Für den beruflichen Einstieg in Webentwicklung oder Webdesign ist dieses Grundverständnis unverzichtbar, da es die Basis für alle weiterführenden Themen wie JavaScript, Content-Management-Systeme oder Responsive Design bildet. Auch für angrenzende Tätigkeiten, etwa im Online-Marketing oder in der Content-Pflege, ist die Fähigkeit wertvoll, HTML-Strukturen zu lesen und einfache CSS-Anpassungen selbst vorzunehmen. Darüber hinaus stärkt der Kurs die allgemeine digitale Problemlösekompetenz: Das Erlernen einer strukturierten Sprache wie HTML und das systematische Debuggen von CSS-Formatierungen schulen analytisches Denken, das auch über die Webentwicklung hinaus im digitalen Arbeitsalltag von Nutzen ist.