Skip to content
Informatik · Klasse 6

Ideen für aktives Lernen

Webseiten und Browser

Aktives Lernen funktioniert hier besonders gut, weil das Thema Webseiten und Browser für Schülerinnen und Schüler oft unsichtbar und abstrakt bleibt. Durch praktische Experimente und das gemeinsame Entdecken wird der Prozess der Datenübertragung greifbar und nachvollziehbar gemacht.

KMK BildungsstandardsKMK: Sekundarstufe I - InformatiksystemeKMK: Sekundarstufe I - Kommunikation
30–45 Min.Partnerarbeit → Ganze Klasse4 Aktivitäten

Aktivität 01

Museumsgang45 Min. · Kleingruppen

Stationenrotation: Browser-Prozesse

Richten Sie vier Stationen ein: 1. URL eingeben und laden beobachten, 2. Entwicklertools für Elemente öffnen, 3. Hyperlinks folgen und notieren, 4. Offline-Modus testen. Gruppen rotieren alle 10 Minuten und protokollieren Beobachtungen.

Erklären Sie, wie ein Webbrowser eine Webseite von einem Server anfordert und darstellt.

ModerationstippLassen Sie die Schüler in der Stationenrotation die Entwicklertools des Browsers selbst entdecken, um den Ladeprozess live zu beobachten.

Worauf zu achten istGeben Sie jedem Schüler eine Karte mit einem Begriff (z.B. Webbrowser, Webserver, Hyperlink). Die Schüler schreiben auf die Karte eine kurze Erklärung des Begriffs und ein Beispiel, wie sie ihn im Alltag nutzen.

VerstehenAnwendenAnalysierenErschaffenBeziehungsfähigkeitSozialbewusstsein
Komplette Unterrichtsstunde erstellen

Aktivität 02

Museumsgang30 Min. · Partnerarbeit

Paararbeit: Einfache HTML-Seite

Paare erstellen mit einem Editor eine Webseite mit Text, Bild und Link. Sie laden sie lokal im Browser und testen die Darstellung. Abschließend präsentieren sie das Ergebnis der Klasse.

Analysieren Sie die grundlegenden Elemente einer Webseite (Text, Bilder, Links) und deren Zusammenspiel.

ModerationstippGeben Sie den Paaren bei der HTML-Seite klare Strukturvorgaben, damit der Fokus auf den unsichtbaren Codes liegt.

Worauf zu achten istZeigen Sie eine einfache Webseite (z.B. eine Schul-Homepage) auf dem Beamer. Stellen Sie gezielte Fragen: Woher kommt diese Seite? Was passiert, wenn man auf diesen Link klickt? Welche Elemente sehen Sie auf der Seite?

VerstehenAnwendenAnalysierenErschaffenBeziehungsfähigkeitSozialbewusstsein
Komplette Unterrichtsstunde erstellen

Aktivität 03

Museumsgang40 Min. · Kleingruppen

Gruppenaufgabe: Hyperlink-Netzwerk

Gruppen skizzieren auf Papier ein Netzwerk aus Webseiten mit Hyperlinks. Dann bauen sie es mit geteilten Ordnern und lokalen HTML-Dateien nach. Sie navigieren hindurch und diskutieren Vorteile.

Bewerten Sie die Bedeutung von Hyperlinks für die Vernetzung von Informationen im World Wide Web.

ModerationstippVerteilen Sie bei der Gruppenaufgabe Hyperlink-Netzwerk farbige Karten, damit die Vernetzung sichtbar und nachvollziehbar wird.

Worauf zu achten istTeilen Sie die Klasse in Kleingruppen auf. Geben Sie jeder Gruppe eine Aufgabe: 'Erklärt einem Mitschüler, der das Internet nicht kennt, wie ein Browser eine Webseite findet und anzeigt.' Jede Gruppe präsentiert ihre Erklärung kurz.

VerstehenAnwendenAnalysierenErschaffenBeziehungsfähigkeitSozialbewusstsein
Komplette Unterrichtsstunde erstellen

Aktivität 04

Museumsgang35 Min. · Ganze Klasse

Ganzer Unterricht: Browser-Vergleich

Die Klasse vergleicht zwei Browser hinsichtlich Ladezeit und Darstellung gleicher Seiten. Gemeinsam protokollieren sie Unterschiede und ziehen Schlüsse zur Funktion.

Erklären Sie, wie ein Webbrowser eine Webseite von einem Server anfordert und darstellt.

ModerationstippStellen Sie beim Browser-Vergleich sicher, dass die Schüler nicht nur technische Daten vergleichen, sondern auch Nutzerfreundlichkeit bewerten.

Worauf zu achten istGeben Sie jedem Schüler eine Karte mit einem Begriff (z.B. Webbrowser, Webserver, Hyperlink). Die Schüler schreiben auf die Karte eine kurze Erklärung des Begriffs und ein Beispiel, wie sie ihn im Alltag nutzen.

VerstehenAnwendenAnalysierenErschaffenBeziehungsfähigkeitSozialbewusstsein
Komplette Unterrichtsstunde erstellen

Vorlagen

Vorlagen, die zu diesen Informatik-Aktivitäten passen

Nutzen, bearbeiten, drucken oder teilen.

Einige Hinweise zum Unterrichten dieser Einheit

Erfahrungsgemäß funktioniert es gut, das Thema mit Alltagsbezug einzuführen, etwa über die Frage: 'Was passiert eigentlich, wenn ihr auf einen Link klickt?' Vermeiden Sie lange theoretische Erklärungen zu HTML oder HTTP. Stattdessen setzen Sie auf entdeckendes Lernen, bei dem die Schüler selbst ausprobieren und Zusammenhänge erkennen. Forschungsergebnisse zeigen, dass Schüler in diesem Alter besonders gut lernen, wenn sie technische Prozesse mit eigenen Erfahrungen verknüpfen können.

Erfolgreiches Lernen zeigt sich, wenn die Schülerinnen und Schüler die Funktionsweise eines Browsers als Schnittstelle zwischen Nutzer und Internet erklären können. Sie sollten grundlegende Elemente wie Hyperlinks, Serveranfragen und die Darstellung von Inhalten in eigenen Worten beschreiben und an Beispielen verdeutlichen können.


Vorsicht vor diesen Fehlvorstellungen

  • Während der Stationenrotation soll beobachtet werden, ob Schüler annehmen, dass der Browser Webseiten dauerhaft speichert.

    Nutzen Sie die Entwicklertools in dieser Station, um den temporären Cache zu zeigen. Lassen Sie die Schüler den Unterschied zwischen lokal gespeicherten Daten und einer neuen Serveranfrage selbst erkennen, indem sie den Ladevorgang mehrmals auslösen.

  • Während der Paararbeit zur einfachen HTML-Seite könnte die Annahme entstehen, dass Webseiten nur aus sichtbarem Text und Bildern bestehen.

    Fordern Sie die Paare auf, den Quellcode ihrer Seite zu analysieren und die unsichtbaren Elemente wie HTML-Tags und CSS-Stile zu identifizieren. Diskutieren Sie gemeinsam, wie diese Codes die sichtbare Darstellung beeinflussen.

  • Während der Gruppenaufgabe zum Hyperlink-Netzwerk könnte der Eindruck entstehen, dass Hyperlinks nur zwischen bekannten oder vertrauenswürdigen Seiten funktionieren.

    Lassen Sie die Gruppen in dieser Aufgabe gezielt unbekannte oder scheinbar zufällige Links erkunden. Diskutieren Sie anschließend, wie das gesamte Web durch diese unsichtbaren Verbindungen funktioniert und warum das Prinzip der Vernetzung so zentral ist.


In dieser Übersicht verwendete Methoden