Am Montag, den 05.05.2025, bietet das InfoLab von 15:30 – 18:30 Uhr im Rahmen der Fortbildungsmaßnahme der Informatik in der Sekundarstufe 1 einen Workshop zu HTML & CSS an.

Download der Präsentation als PDF

Links für den Workshop

Grafische Editoren

• htmlblockly.cs.uni-saarland.de
• bwinf.de/mehr-informatik/lernen/programmieren-lernen/blockly/ 
  • htmlbausteine.zgtm.de

HTML Nachschlagewerke

• App Camps 
  • HTML & CSS -Befehle
• Merkblatt von Informatikkeller
• W3Schools
• SelfHTML

Online-Entwicklumgsumgebungen

• repl-it.com
• codesandbox.io
• codepen.io

Texteditoren

• CudaText
• VS Codium (ohne Tracking) / Visual Studio Code

Apps

• HTML5Viewer: AppStore, Playstore?
• Koder Code Editor: AppStore, Playstore?

Unterichtsmaterial

• App Camps: https://appcamps.de/2020/03/21/schulschliessungen-unterrichtsmaterialien-fuer-zuhause/
• ZUM: https://unterrichten.zum.de/wiki/HTML_und_CSS
• Informatikkeller: https://informatikkeller.de/html-css/
• Online-Schulbuch inf-schule.de
  • Lernstrecke HTML
  • Lernstrecke CSS
• Informatik Schulbuch: https://buch.informatik.cc/html-css/
  • https://apps.informatik.cc/html-css-js-editor/
    
• HTML-Tags: https://learningapps.org/2203170 
• HTML&CSS: https://learningapps.org/12492097 
• Seitenstruktur: https://learningapps.org/18522311
• https://learningapps.org/14620280

Aufgaben für Schüler*innen

• App Camps (mit CodePen)
  https://appcamps.de/2020/03/21/schulschliessungen-unterrichtsmaterialien-fuer-zuhause/ 
• https://projects.raspberrypi.org/en/pathways/web-intro (Englisch)
• https://projects.raspberrypi.org/de-DE/projects?software%5B%5D=html-css-javascript 
• https://www.khanacademy.org/computing/hour-of-code/hour-of-code-lessons/hour-of-html/v/making-webpages-intro (Englisch)
• https://studio.code.org/s/csd2-2022 (Englisch)