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!
HTML & CSS – Grundlagen
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