Willkommen zum Sommercamp 2026 – Unterrichtsmaterial
Hinweis: Die Anleitungen sind für GIMP 2.10+ geschrieben. Photoshop‑Begriffe wurden durch GIMP‑Funktionen ersetzt.
Kurzüberblick
- Tag 1 (GIMP): Ebenen, Begradigen, Zuschneiden, Transformieren, Werkzeuge, Portrait‑Bearbeitung, Landschaft‑Bearbeitung.
- Tag 2 (Web): Divs, Überschriften, Tabellen, Bilder (zentriert mit Inline CSS), Listen, Links, Formular.
Entwickelt für Schulbetrieb (DO/FR Vormittag). Design: schlicht, gut lesbar, druckfreundlich.
Tag 1 – Bildbearbeitung mit GIMP
GIMP • Ebenen
Grundidee, Deckkraft, Reihenfolge, Mischmodi, Ebenenmasken – alles Schritt für Schritt.
GIMP • Bilder begradigen
Horizont gerade ziehen – mit Messwerkzeug und Drehen.
GIMP • Zuschneiden
Motiv in Szene setzen: Seitenverhältnis, Drittelregel, Export.
GIMP • Transformieren
Skalieren, Drehen, Spiegeln, Perspektive, Bild vs. Ebene.
GIMP • Werkzeuge
Pinsel, Pipette, Auswahlwerkzeuge, Klonen/Heilen – praxisnah erklärt.
GIMP • Bild 1: Portrait
Haare färben, Augenfarbe ändern, Haut retuschieren, Tattoo, Verflüssigen, Alternativen zu „Neuralen Filtern“.
GIMP • Bild 2: Landschaft
Begradigen, Himmel ersetzen, Farbe/Sättigung, Retusche/Kopierstempel.
Tag 2 – Website mit Visual Studio Code
HTML • Divs
Container‑Elemente richtig verwenden.
HTML • Überschriften
h1–h6 inkl. semantischer Tipps.
HTML • Tabellen
Einfache Datentabellen mit minimalem CSS.
HTML • Bilder
Zentrieren mit Inline CSS – so geht’s wirklich einfach.
HTML • Listen
Geordnete und ungeordnete Listen.
HTML • Links
Interne und externe Verlinkung.
HTML • Formular
Uhrzeit, Zahlenfeld, Textfeld, Checkbox – lauffähiges Beispiel.
HTML • CSS • Erklärungen
HTML und CSS Cheatsheet
HTML • CSS • Erklärungen 2
HTML und CSS Cheatsheet 2