Webseiten erstellen leicht gemacht
– mit HTML & CSS!
Lernen Sie in meinem Kurs, wie Sie moderne Webseiten strukturieren und aufbauen. Oder müssen Sie in WordPress oder einem anderen Contentmanagementsystem einige Artikel oder Seiten anpassen und möchten das besser verstehen?
Praxisnah, verständlich und sofort anwendbar – ideal für Einsteiger und Fortgeschrittene!
Kursinhalte für HTML & CSS – Grundlagen
Die dargestellten Inhalte sind ein Beispiel für einen möglichen Kursaufbau. Reihenfolge, Dauer und Schwerpunkt der Module können flexibel angepasst werden, je nach Ihren Wünschen und Kenntnissen.
1. Einführung
-
Was sind HTML & CSS? – Aufgaben, Unterschiede, Zusammenspiel
-
Anwendungsbereiche – Webseiten, E-Mails, Web-Apps
-
Grundaufbau einer HTML-Seite –
<!DOCTYPE html>,<html>,<head>,<body>
2. HTML-Grundlagen
-
Grundelemente – Überschriften (
<h1>–<h6>), Absätze (<p>), Zeilenumbrüche (<br>) -
Links & Bilder –
<a>,<img>und Attribute wiehref,alt,title -
Listen – ungeordnet (
<ul>), geordnet (<ol>), Definition (<dl>) -
Tabellen –
<table>,<tr>,<td>,<th> -
Formulare –
<form>, Eingabefelder, Buttons, Dropdowns
3. CSS-Grundlagen
- Was ist CSS? – Inline-, Internal- & External-CSS
- Selektoren & Eigenschaften – ID-, Klassen-, Elementselektoren
- Farben & Hintergründe – Farbcodes, Farbverläufe, Hintergrundbilder
- Textgestaltung – Schriftarten, -größen, -farben, Ausrichtung
- Box-Modell – Margin, Padding, Border, Content
4. Layout & Positionierung
- Display-Eigenschaften – block, inline, inline-block, flex
- Positionierung – static, relative, absolute, fixed, sticky
- Responsive Design – Viewport, Media Queries, Mobile First
5. Erweiterte CSS-Techniken
- Pseudo-Klassen & Pseudo-Elemente –
:hover,:before,:after - CSS-Übergänge & Animationen –
transition,@keyframes - CSS-Variablen – Wiederverwendbare Werte definieren
6. Praxis & Veröffentlichung
- Strukturierte Projektarbeit – HTML & CSS kombinieren
- Veröffentlichung – Dateien hochladen und Hosting