Meine erste Website – HTML & CSS für Einsteiger
In diesem Kurs erstellen Jugendliche eine eigene, kleine Website von Grund auf. Sie lernen HTML- und CSS-Grundlagen, Layout, Navigation und einfache Barrierefreiheit kennen.
Zielgruppe:
Jugendliche von 12–16 Jahren mit Basiskenntnissen aus dem Einstiegskurs oder ähnlicher Erfahrung.
Lernziele:
- Semantische HTML-Strukturen (Header, Main, Footer, Navigation) anwenden.
- CSS-Grundlagen für Layout, Farben und Abstände sicher nutzen.
- Eine mehrseitige Website planen und umsetzen.
- Grundzüge der Barrierefreiheit (Alt-Texte, Überschriftenstruktur) berücksichtigen.
Inhalte / Module:
- Planung: Thema, Inhalte und Sitemap der eigenen Website.
- HTML-Grundgerüst mit semantischen Elementen erstellen.
- CSS-Basics: Klassen, Layout mit Flexbox/Grid auf Einsteiger-Niveau.
- Arbeiten mit Bildern, Alt-Texten und einfachen Buttons.
- Umsetzung von Startseite und Unterseiten.
Umfang & Organisation:
10 Termine à 90 Minuten, inkl. Abschlusspräsentation der Websites.
Benötigte Ressourcen:
- PCs/Laptops mit Code-Editor (z.B. Visual Studio Code).
- Browser mit Entwicklerwerkzeugen (z.B. Chrome).
- Beispielbilder oder lizenzfreie Medien.
- Checkliste zur Barrierefreiheit für Einsteiger.
- Stabile Internetverbindung.
Pädagogische Hinweise / Zielsetzung:
Projektorientiertes Lernen, gegenseitige Code-Reviews in einfacher Sprache, Wertschätzung unterschiedlicher Gestaltungsstile.
Satzungs- / Gemeinnützigkeitsbezug:
Aufbaukurs im Bereich Webentwicklung; fördert Berufsorientierung und Medienkompetenz und fällt unter die satzungsgemäße Volks- und Berufsbildung.
Für Förderer & Unterstützer:
Dieses Kursangebot ist für die Teilnehmenden kostenfrei. Damit wir den Kurs langfristig und zuverlässig anbieten können, sind wir auf Unterstützung angewiesen.
Mit insgesamt rund 5.500 € finanzieren wir insbesondere:
- Lizenzen für datenschutzkonforme Grafik-Software und Online-Tools
- ausleihbare Geräte für Kinder und Jugendliche (z. B. Laptops, Monitore, Eingabegeräte)
- Materialkosten (z. B. Ausdrucke, Testdrucke, Arbeitsunterlagen und Fachbücher)
- anteilige Raum- und Betriebskosten
Sachspenden (nach vorheriger Absprache):
- alte, aber funktionsfähige Notebooks
- alte, aber funktionsfähige PCs mit mindestens Windows 10 oder höher
- Monitore ab 22 Zoll (ca. 55,88 cm)
- Tablets
- Hinweis: Nur funktionsfähige Geräte, gerne mit Netzteil und Zubehör.
- Vor einer Übergabe sollten alle persönlichen Daten von den Geräten gelöscht werden. Auf Wunsch unterstützen wir Sie bei einer datenschutzkonformen Löschung.
Wenn Sie dieses Projekt gezielt unterstützen möchten, freuen wir uns über eine zweckgebundene Spende mit dem Stichwort
(Projekt-ID: P-000005)“.
