ClassTiles
← Digitalisierung & KI
Link statt Datei

Deine HTML-Datei als Link für die Klasse

Simulationen, Lernspiele und Übungsseiten, die du mit KI baust, sind oft eine einzelne HTML-Datei. Per Mail oder über die Schulplattform kommt so eine Datei aber oft nur als Download an, und manche Tablets zeigen dann nur den Quelltext. Mit Netlify Drop stellst du die Datei kostenlos ins Netz. Deine Klasse öffnet sie dann über einen Link oder einen QR-Code, ohne Download und ohne App.

Das Beispiel

Die Markt-Simulation aus Simulation statt Schaubild liegt auf diesem Weg im Netz. Du kannst sie auf dem Tablet, dem Handy oder am Computer öffnen.

pizzamarkt.netlify.app öffnen

So gehst du vor

Sechs Schritte, von der Datei bis zum QR-Code an der Tafel. Beim ersten Mal dauert das etwa zehn Minuten, danach wenige Minuten.

  1. Ein kostenloses Konto bei Netlify anlegen. Die Anmeldung geht zum Beispiel mit einem Google-Konto. Ohne Konto löscht Netlify die Seite nach einer Stunde wieder.
  2. Die Datei vorbereiten. Lege einen neuen, leeren Ordner an und kopiere nur deine HTML-Datei hinein. Benenne sie in index.html um. Dann öffnet der Link direkt deine Seite. Zieh nie einen Ordner mit anderen Dateien hoch: Alles darin wird öffentlich.
  3. Den Ordner ins Browserfenster ziehen. Öffne app.netlify.com/drop, während du angemeldet bist, und zieh den Ordner in das Feld. Nach wenigen Sekunden ist die Seite online.
  4. Der Seite einen Namen geben. Netlify vergibt zuerst einen Zufallsnamen wie iridescent-pasca-1ef025.netlify.app. Unter Project configuration → General → Change project name trägst du einen eigenen Namen ein, zum Beispiel pizzamarkt. Die alte Adresse funktioniert danach nicht mehr. Benenne die Seite deshalb um, bevor du den Link verteilst.
  5. Das Abzeichen „Powered by Netlify“ ausschalten. Bei kostenlosen Konten blendet Netlify seit August 2026 ein Abzeichen mit Logo auf der Seite ein. Unter Project configuration → General → Powered by Netlify badge schaltest du es aus.
  6. Den QR-Code erstellen. Öffne den Link in Chrome. Klicke mit der rechten Maustaste auf die Seite und wähle „QR-Code für diese Seite erstellen“. Den Code kannst du herunterladen, am Beamer zeigen oder auf das Arbeitsblatt drucken.

Nur Safari? Safari hat keinen eingebauten QR-Code-Generator. Mit der Kurzbefehle-App von Apple geht es trotzdem: Lege einen neuen Kurzbefehl an, füge eine Text-Aktion mit deinem Link ein und danach die Aktion für QR-Codes (in der Suche „QR“ eingeben). Der Kurzbefehl zeigt dir dann den Code an.

Die Datei ändern, den Link behalten

Wenn du die Datei verbesserst, soll der Link gleich bleiben. Sonst zeigt der QR-Code, den deine Klasse schon hat, auf die alte Fassung.

  1. Das Projekt bei Netlify öffnen und den Bereich „Deploys“ wählen.
  2. Den Ordner mit der neuen Fassung dort hineinziehen. Die Datei heißt wieder index.html. Der Link bleibt gleich.

Die Stolperfalle: Wenn du die neue Fassung wieder auf app.netlify.com/drop ziehst, entsteht eine zweite Seite mit einem neuen Zufallsnamen. Die erste Seite bleibt unverändert.

Datenschutz

  • Die Seite ist öffentlich. Jeder, der den Link kennt, kann sie öffnen.
  • Keine Namen, Noten oder Fotos von Schülerinnen und Schülern in die Datei. Die Datei enthält nur Unterrichtsmaterial.
  • Die Datei lädt nichts von anderen Anbietern nach. Keine Schriften von Google Fonts, keine eingebetteten Videos, keine Zählpixel. Dann ruft das Tablet deiner Schüler nur die Seite bei Netlify ab. Du kannst das der KI beim Bauen gleich mit auftragen: „Alles in einer Datei, keine externen Ressourcen.“
  • Netlify ist ein Anbieter aus den USA. Kläre im Zweifel mit deiner Schule, ob du Material auf diesem Weg bereitstellen darfst.

Kosten

Das kostenlose Konto hat ein monatliches Kontingent. Eine einzelne HTML-Datei ist meist nur wenige hundert Kilobyte groß. Damit reicht das Kontingent für viele tausend Aufrufe. Wie viel du verbraucht hast, zeigt Netlify in deinem Konto an.

Unabhängiger Beitrag. Keine Kooperation mit Netlify oder Google.