Web Explorer: HTML & CSS 2-Wochen Online Bootcamp für Jugendliche

Programmdetails

Kursbeschreibung: Web Explorer: HTML & CSS 2-Wochen Online Bootcamp für Jugendliche

Online Web Design Grundlagen — HTML & CSS (Modul 1, 2 Wochen)

Erstellen Sie Ihre erste portfolio-fertige Website von Grund auf. In zwei Wochen gestalten und codieren die Lernenden echte Seiten mit HTML für die Struktur und CSS für das Styling – live geleitet von einem Mentor, sodass jede Sitzung praxisnah und praktisch ist.

⭐ Wichtige Fakten

• Format Live online (mentor-geleitet)

• Dauer 2 Wochen

• Schwerpunkt HTML-Struktur, CSS-Styling, Responsive Grundlagen, Layouts & Box-Modell, einfache Interaktivität, Projekt-Workflow

• Projekte Wöchentliche Mini-Projekte + End-of-Module Portfolio-Website

• Ergebnisse Zertifikat, personalisiertes Mentor-Feedback, Sternebewertung, Berechtigung für Level 2 – Web Developer Creator

Was Sie lernen werden

• HTML-Grundlagen: Überschriften, Absätze, Links, Bilder, Listen; Mehrseitige Navigation

• CSS-Grundlagen: Farbe, Schriften, Abstände, Hintergründe, Rahmen

• Responsive Grundlagen: Einfache Techniken zur Anpassung an unterschiedliche Bildschirmgrößen

• Box-Modell & Layouts: Polsterung, Rand, Rahmen, Positionierung

• Interaktive Elemente: Buttons, Hover-Effekte, einfache Formulare

• Workflow: Planen → Erstellen → Bereitstellen einer statischen Seite

Woche für Woche (nur als Leitfaden)

Woche 1 — Ihre erste Webseite erstellen

Lernen Sie HTML-Struktur & Tags • Text, Listen, Links, Bilder hinzufügen • Eine einfache persönliche Webseite erstellen

Mini-Projekte:

1. Meine Portfolio-Seite — stellen Sie sich vor

2. Foto-Galerie — Raster von Bildern mit semantischem HTML

3. Verlinken Sie Ihre Seiten — mehrseitige Seite mit Navigation

Mentorunterstützung: Live-Coding, Best-Practice-Struktur, personalisiertes Feedback.

Woche 2 — Styling & Layout mit CSS

CSS-Grundlagen • Box-Modell & Positionierung • Hover-Effekte & grundlegende Interaktivität

Mini-Projekte:

1. Gestyltes Portfolio — Typografie, Farbe, Abstände verfeinern

2. Interaktive Galerie — Hover-Effekte & Übergänge

3. Kontaktformular-Seite — zugängliches Formular mit grundlegender Gestaltung

Mentorunterstützung: CSS-Fehlerbehebung, Designtipps, Ermutigung zu kreativen Experimenten.

Präsentation

Stellen Sie eine komplette, mehrseitige Portfolio-Seite vor (Struktur, Stil, Interaktivität). Familien können die Live-Seite sehen und die Entscheidungen des Designers hören.

Zertifizierung & Fortschritt

• Zertifikat über Abschluss: Web Explorer (HTML & CSS)

• Personalisiertes Mentor-Feedback-Bericht

• Sternebewertung & Berechtigung für Level 2 — Web Developer Creator

Mentorenversprechen

• 1:1 Betreuung bei jedem Mini-Projekt

• Tägliche Check-ins und Review der Herausforderungen

• Hands-on-Aufgaben, die Vertrauen und Kreativität im Web aufbauen

Praktische Hinweise (Info zur Bestätigung bei der Anmeldung)

Plattform & Zugangslink • Zeiten der Live-Sitzungen & Zeitzone • Klassengröße & Teilnahmenormen • Technische Anforderungen (Laptop, Browser, Bandbreite) • Barrierefreiheit (Untertitel/Aufnahmen) • Schutz, Verhaltenskodex und Rückerstattungs-/Stornierungsrichtlinien