HTML-CSS-Editor

Ein Online-Editor zum Entwickeln und Testen von HTML und CSS direkt im Browser.

Fächer:Informatik
Klassenstufen: Klasse 6 Klasse 7 Klasse 8
Themen:Informatiksysteme

Idee

Schüler:innen werden zu Web-Entwickler:innen: Kreativ gestalten und sofort Ergebnisse sehen! Der Editor macht Webentwicklung zugänglich und fördert experimentierfreudiges Lernen.

Voraussetzungen

Kein Installationsaufwand; funktioniert in jedem Browser; Basiswissen HTML/CSS vorteilhaft.

Ablauf

  • Editor öffnen und Code eingeben.
  • Live-Vorschau beobachten.
  • Aufgaben lösen, z.B. responsive Design erstellen.

Hinweise

Code speichern über Copy-Paste; für Datenschutz lokale Nutzung empfohlen.