Skip to content

Das World Wide Web: Aufbau und FunktionsweiseAktivitäten & Unterrichtsstrategien

Aktives Handeln ist gerade bei diesem Thema entscheidend, weil die Schülerinnen und Schüler abstrakte Konzepte wie HTTP-Anfragen und HTML-Strukturen konkret erleben müssen. Durch Simulationen und praktisches Bauen entsteht ein nachhaltiges Verständnis, das reine Erklärungen nicht leisten können.

Klasse 7Digitale Welten verstehen und gestalten4 Aktivitäten30 Min.45 Min.

Lernziele

  1. 1Erkläre die Schritte, die ein Webbrowser unternimmt, um eine Webseite von einem Webserver abzurufen und anzuzeigen.
  2. 2Analysiere die Funktion von Hyperlinks bei der Verknüpfung von Webseiten und der Navigation durch das World Wide Web.
  3. 3Vergleiche die Rolle des Internets als Infrastruktur mit der des World Wide Web als Informationsschicht.
  4. 4Identifiziere die Kernkomponenten einer Webseiten-URL und erkläre ihre Bedeutung für die Adressierung von Ressourcen.
  5. 5Demonstriere die grundlegende Struktur einer HTML-Datei, die für die Darstellung einer einfachen Webseite erforderlich ist.

Möchten Sie einen vollständigen Unterrichtsentwurf mit diesen Lernzielen? Mission erstellen

35 Min.·Kleingruppen

Planspiel: Browser-Server-Anfrage

Teilen Sie die Klasse in Client- und Server-Gruppen. Clients formulieren HTTP-Anfragen auf Karten, Server antworten mit HTML-Snippets. Clients rendern die Antworten manuell. Diskutieren Sie den Ablauf in Plenum.

Vorbereitung & Details

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

Moderationstipp: Lassen Sie die Schüler in der Simulation die Rollen von Browser, Server und Nutzerin oder Nutzer klar verteilen, damit sie die Kommunikation Schritt für Schritt erleben.

Setup: Flexibler Raum für verschiedene Gruppenstationen

Materials: Rollenkarten mit Zielen und Ressourcen, Spielwährung oder Token, Rundenprotokoll

AnwendenAnalysierenBewertenErschaffenSozialbewusstseinEntscheidungsfähigkeit
45 Min.·Partnerarbeit

HTML-Editor: Eigene Seite bauen

Schüler öffnen einen einfachen HTML-Editor, fügen Tags für Text und Bilder ein und speichern als .html-Datei. Sie laden die Seite im Browser und modifizieren Hyperlinks. Paare testen gegenseitig.

Vorbereitung & Details

Analysiere die Bedeutung von Hyperlinks für die Struktur und Navigation im World Wide Web.

Moderationstipp: Fordern Sie die Schüler auf, ihre selbst gebaute HTML-Seite mit einem Partner oder einer Partnerin zu testen, um Fehler direkt zu besprechen.

Setup: Gruppentische mit Zugang zu Quellenmaterialien

Materials: Quellensammlung, Arbeitsblatt zum Forschungszyklus, Leitfaden zur Fragestellung, Vorlage für die Ergebnispräsentation

AnalysierenBewertenErschaffenSelbststeuerungSelbstwahrnehmung
40 Min.·Kleingruppen

Hyperlink-Netzwerk: Karten modellieren

Erstellen Sie Karten mit Webseiten als Knoten und Hyperlinks als Pfeile. Gruppen bauen ein Mini-WWW, navigieren und analysieren Pfade. Präsentieren Sie Strukturen der Klasse.

Vorbereitung & Details

Vergleiche die Funktionsweise des Internets mit der des World Wide Web.

Moderationstipp: Halten Sie bei der Hyperlink-Netzwerk-Karte eine kurze Beispiel-Navigation vor, bevor die Gruppen selbst arbeiten, um Unsicherheiten zu vermeiden.

Setup: Gruppentische mit Zugang zu Quellenmaterialien

Materials: Quellensammlung, Arbeitsblatt zum Forschungszyklus, Leitfaden zur Fragestellung, Vorlage für die Ergebnispräsentation

AnalysierenBewertenErschaffenSelbststeuerungSelbstwahrnehmung
30 Min.·Kleingruppen

Vergleich: Internet vs. WWW

Zwei Stationen: Internet als Postweg modellieren, WWW als Briefe mit Links. Gruppen rotieren, vergleichen und notieren Unterschiede. Gemeinsame Tabelle erstellen.

Vorbereitung & Details

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

Moderationstipp: Nutzen Sie die Entwicklertools im Browser gemeinsam, um HTTP-Anfragen und Caching sichtbar zu machen – das macht die Theorie greifbar.

Setup: Gruppentische mit Zugang zu Quellenmaterialien

Materials: Quellensammlung, Arbeitsblatt zum Forschungszyklus, Leitfaden zur Fragestellung, Vorlage für die Ergebnispräsentation

AnalysierenBewertenErschaffenSelbststeuerungSelbstwahrnehmung

Dieses Thema unterrichten

Stellen Sie die Grundlagen des World Wide Webs als praktisches Rätsel dar, das die Schüler durch Ausprobieren lösen. Vermeiden Sie lange theoretische Erklärungen, sondern lassen Sie die Klasse selbst aktiv werden. Forschung zeigt, dass Schülerinnen und Schüler technische Konzepte besser verstehen, wenn sie sie in kleinen, kontrollierten Schritten nachbauen und testen können. Halten Sie dabei immer wieder inne, um Fragen zu klären und Vorstellungen zu korrigieren.

Was Sie erwartet

Am Ende der Einheit können die Schülerinnen und Schüler die Grundlagen des World Wide Webs erklären, eine einfache HTML-Seite erstellen und die Kommunikation zwischen Browser und Server nachvollziehen. Sie erkennen die Unterschiede zwischen Internet und WWW und verstehen, wie Hyperlinks das Netz strukturieren.

Diese Aktivitäten sind ein Ausgangspunkt. Die vollständige Mission ist das Erlebnis.

  • Vollständiges Moderationsskript mit Lehrkraft-Dialogen
  • Druckfertige Schülermaterialien, bereit für den Unterricht
  • Differenzierungsstrategien für jeden Lerntyp
Mission erstellen

Vorsicht vor diesen Fehlvorstellungen

Häufige FehlvorstellungWährend der Aktivität 'Vergleich: Internet vs. WWW' denken einige Schüler, dass das World Wide Web das Internet selbst ist.

Was Sie stattdessen lehren sollten

Die Schüler bauen Modelle des Internets als physische Netzwerke (z.B. mit Kabeln und Routern) und des WWW als Anwendung darauf (z.B. mit Hyperlink-Karten). Zeigen Sie im Anschluss die Modelle nebeneinander und fragen Sie nach den Unterschieden.

Häufige FehlvorstellungWährend der Aktivität 'Simulation: Browser-Server-Anfrage' glauben einige, dass Browser Webseiten dauerhaft speichern.

Was Sie stattdessen lehren sollten

Lassen Sie die Schüler mit den Entwicklertools im Browser die HTTP-Anfragen und Antworten verfolgen. Zeigen Sie ihnen den Cache und erklären Sie, warum Inhalte bei neuen Anfragen erneut geladen werden müssen.

Häufige FehlvorstellungWährend der Aktivität 'Hyperlink-Netzwerk: Karten modellieren' sehen einige Hyperlinks als willkürliche Verbindungen.

Was Sie stattdessen lehren sollten

Fordern Sie die Schüler auf, ihre Karten nach Hierarchien zu ordnen (z.B. Startseite als Zentrum) und fragen Sie nach der Bedeutung der Struktur für die Navigation.

Ideen zur Lernstandserhebung

Lernstandskontrolle

Nach der Aktivität 'Simulation: Browser-Server-Anfrage' erhalten die Schüler eine einfache URL und sollen aufschreiben: 1. Welcher Teil der URL gibt das Protokoll an? 2. Welcher Teil gibt den Server an? 3. Was muss der Browser tun, nachdem er die URL erhalten hat?

Kurze Überprüfung

Während der Aktivität 'HTML-Editor: Eigene Seite bauen' zeigt der Lehrer eine einfache HTML-Struktur auf dem Whiteboard und fragt: 'Welcher Tag definiert eine Überschrift?' oder 'Wie wird ein Link erstellt?'. Die Schüler antworten mündlich oder schreiben die Antwort auf ein kleines Blatt.

Diskussionsfrage

Nach der Aktivität 'Hyperlink-Netzwerk: Karten modellieren' stellt der Lehrer die Frage: 'Stellen Sie sich vor, das Internet wäre nur ein Straßennetz ohne Schilder. Wie würde das World Wide Web mit seinen Hyperlinks dieses Straßennetz nutzbar machen?' Die Schüler diskutieren in Kleingruppen und präsentieren ihre Ideen.

Erweiterungen & Unterstützung

  • Fordern Sie schnelle Schüler auf, ihre HTML-Seite um CSS-Stile zu erweitern oder JavaScript-Funktionen einzubauen.
  • Bei Unsicherheiten in der HTML-Struktur geben Sie den Schülern eine Vorlage mit Lücken, die sie füllen müssen.
  • Vertiefen Sie mit einer Gruppenarbeit: Jede Gruppe entwirft eine kleine Website zu einem selbst gewählten Thema und präsentiert sie der Klasse.

Schlüsselvokabular

HTTP (Hypertext Transfer Protocol)Das Protokoll, das die Regeln für die Übertragung von Webseiten zwischen Browser und Server festlegt. Es regelt, wie Anfragen gestellt und Antworten gesendet werden.
HTML (Hypertext Markup Language)Die Standardsprache zur Erstellung von Webseiten. Sie beschreibt die Struktur und den Inhalt einer Webseite mithilfe von Markup-Tags.
WebbrowserEine Softwareanwendung zur Darstellung von Webseiten im World Wide Web. Beispiele sind Chrome, Firefox und Safari.
WebserverEin Computer, der Webseiten speichert und sie über das Internet an Webbrowser sendet, wenn diese angefordert werden.
URL (Uniform Resource Locator)Die eindeutige Adresse einer Ressource im Internet, wie z.B. einer Webseite. Sie gibt an, wie und wo die Ressource zu finden ist.
HyperlinkEin Verweis von einem Dokument zu einem anderen Dokument oder einer anderen Ressource. Im Web ermöglichen sie das Navigieren zwischen Webseiten.

Bereit, Das World Wide Web: Aufbau und Funktionsweise zu unterrichten?

Erstellen Sie eine vollständige Mission mit allem, was Sie brauchen

Mission erstellen