Informatik · Klasse 7 · Netzwerke und das Internet: Global verbunden · 1. Halbjahr

Das World Wide Web: Aufbau und Funktionsweise

Die Schülerinnen und Schüler untersuchen die grundlegenden Technologien des WWW (HTML, HTTP) und die Rolle von Webbrowsern.

• KMK Bildungsstandards
• KMK: Sekundarstufe I - Informatiksysteme
• KMK: Sekundarstufe I - Werkzeuge bedarfsgerecht einsetzen

Über dieses Thema

Das World Wide Web umfasst verknüpfte Hypertext-Dokumente, die auf dem Internet aufbauen. Schülerinnen und Schüler der Klasse 7 untersuchen Kerntechnologien wie HTML, das die Struktur von Webseiten definiert, und HTTP, das den Austausch von Anfragen und Antworten zwischen Browser und Server regelt. Sie lernen, wie ein Webbrowser eine URL interpretiert, eine HTTP-Anfrage sendet, HTML-Daten vom Server empfängt und diese grafisch darstellt. Hyperlinks dienen als Verknüpfungen, die die Navigation und den vernetzten Charakter des WWW ermöglichen.

Im Rahmen der KMK-Standards zu Informatiksystemen und bedarfsgerechtem Einsatz von Werkzeugen vertiefen Schüler das Verständnis für Netzwerke. Sie analysieren, wie Hyperlinks das WWW zu einem Graphen strukturieren, und vergleichen es mit dem Internet als Transportnetz. Diese Erkenntnisse fördern systemisches Denken und die Fähigkeit, digitale Prozesse zu erklären.

Aktives Lernen eignet sich besonders, weil abstrakte Abläufe durch Simulationen und praktische Experimente konkret werden. Schüler bauen Modelle auf, testen Anfragen und navigieren Netzwerke, was Verständnis vertieft und Fehlvorstellungen abbaut.

Leitfragen

1. Erkläre, wie ein Webbrowser eine Webseite von einem Server anfordert und darstellt.
2. Analysiere die Bedeutung von Hyperlinks für die Struktur und Navigation im World Wide Web.
3. Vergleiche die Funktionsweise des Internets mit der des World Wide Web.

Lernziele

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

Bevor es losgeht

Grundlagen der Computerbedienung

Warum: Schüler müssen grundlegende Kenntnisse im Umgang mit einem Computer und der Navigation in Software haben, um Webbrowser bedienen zu können.

Grundkonzepte von Netzwerken

Warum: Ein grundlegendes Verständnis davon, wie Computer miteinander verbunden sind, ist notwendig, um die Funktionsweise des Internets als Basis des WWW zu verstehen.

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.
Webbrowser	Eine Softwareanwendung zur Darstellung von Webseiten im World Wide Web. Beispiele sind Chrome, Firefox und Safari.
Webserver	Ein 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.
Hyperlink	Ein Verweis von einem Dokument zu einem anderen Dokument oder einer anderen Ressource. Im Web ermöglichen sie das Navigieren zwischen Webseiten.

Vorsicht vor diesen Fehlvorstellungen

Häufige Fehlvorstellung

Das World Wide Web ist identisch mit dem Internet.

Was Sie stattdessen lehren sollten

Das Internet ist das zugrunde liegende Netzwerk, das WWW eine Anwendung darauf mit Hypertext. Aktive Vergleichsstationen helfen, da Schüler Modelle bauen und Unterschiede visuell erleben, was abstrakte Unterscheidungen festigt.

Häufige Fehlvorstellung

Webbrowser speichern Webseiten dauerhaft lokal.

Was Sie stattdessen lehren sollten

Browser laden Inhalte temporär und fordern sie bei Bedarf neu an. Praktische Tests mit Entwicklertools zeigen Caches und Anfragen, wodurch Schüler durch Experimente den dynamischen Prozess verstehen.

Häufige Fehlvorstellung

Hyperlinks funktionieren wie Teleporter ohne Struktur.

Was Sie stattdessen lehren sollten

Hyperlinks bilden ein Netzwerk mit Hierarchien. Kartenmodelle in Gruppenarbeit verdeutlichen Verbindungen und Navigation, Peer-Diskussionen korrigieren isolierte Vorstellungen.

Ideen für aktives Lernen

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.

35 Min.·Kleingruppen

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.

45 Min.·Partnerarbeit

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.

40 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.

30 Min.·Kleingruppen

Bezüge zur Lebenswelt

• Webentwickler bei Unternehmen wie Zalando oder Otto nutzen HTML und HTTP täglich, um die Struktur und Funktionalität von Online-Shops zu gestalten und sicherzustellen, dass Kunden Produkte finden und bestellen können.
• Journalisten und Redakteure bei Nachrichtenportalen wie Spiegel Online oder Tagesschau.de verwenden Hyperlinks, um Artikel miteinander zu verknüpfen, weiterführende Informationen bereitzustellen und ihre Leser durch die Nachrichtenlandschaft zu führen.
• Die Erstellung und Wartung von Webseiten für Museen, wie z.B. das Deutsche Museum in München, erfordert ein Verständnis von Webtechnologien, um Besuchern Informationen über Ausstellungen und Öffnungszeiten zugänglich zu machen.

Ideen zur Lernstandserhebung

Lernstandskontrolle

Die Schüler erhalten eine einfache URL (z.B. www.beispiel.de). Sie 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

Der Lehrer zeigt 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

Stellen Sie 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.

Häufig gestellte Fragen

Wie funktioniert eine HTTP-Anfrage im WWW?

Ein Browser zerlegt die URL, sendet eine GET-Anfrage per HTTP an den Server, der HTML, CSS und Bilder zurückliefert. Der Browser rendert daraus die Seite. Schüler simulieren das mit Karten, um den Ablauf nachzuvollziehen und Hyperlinks zu testen. Dies verbindet Theorie mit Praxis und stärkt Erklärfähigkeiten.

Wie kann aktives Lernen das Verständnis des WWW fördern?

Aktive Methoden wie Client-Server-Simulationen oder HTML-Basteleien machen unsichtbare Prozesse erlebbar. Schüler in Gruppen testen Anfragen, bauen Hyperlink-Netze und vergleichen Modelle, was Fehlvorstellungen abbaut. Solche Ansätze fördern Diskussionen, Systemsicht und langfristiges Behalten, passend zu KMK-Standards für Werkzeugnutzung.

Was sind Hyperlinks und ihre Bedeutung?

Hyperlinks verknüpfen Dokumente via URLs und ermöglichen Navigation. Sie strukturieren das WWW als Graph. Schüler modellieren das mit Karten, erkunden Pfade und analysieren, wie sie Informationen vernetzen. Das trainiert analytisches Denken für reale Webnutzung.

Unterschied Internet und World Wide Web?

Das Internet ist das globale Netzwerk für Datenübertragung, WWW die Hypertext-Anwendung darauf mit HTML und HTTP. Vergleichsaktivitäten mit Modellen klären das: Postwege vs. Briefe. Schüler rotieren Stationen, diskutieren und tabellieren, um Kompetenzen in Informatiksystemen zu festigen.