Skip to content
Informatik · Klasse 7

Ideen für aktives Lernen

Hyperlinks und Navigation

Aktive Lernformen eignen sich besonders gut, weil Schüler das Erstellen und Testen von Hyperlinks selbst ausprobieren. Durch praktische Anwendung verstehen sie die Funktion von Navigationsstrukturen schneller als durch theoretische Erklärungen. Fehler werden direkt sichtbar und lassen sich gemeinsam korrigieren.

KMK BildungsstandardsKMK: Sekundarstufe I - Modellieren und ImplementierenKMK: Sekundarstufe I - Kommunizieren und Kooperieren
20–45 Min.Partnerarbeit → Ganze Klasse4 Aktivitäten

Aktivität 01

Projektbasiertes Lernen30 Min. · Partnerarbeit

Paararbeit: Interne Hyperlinks bauen

Paare erstellen eine HTML-Hauptseite mit drei Unterseiten und verlinken diese gegenseitig. Sie fügen ein Menü mit Rücklinks hinzu und testen die Navigation im Browser. Abschließend notieren sie Funktionsprobleme.

Erkläre die Funktion von Hyperlinks für die Navigation im World Wide Web.

ModerationstippWährend der Paararbeit mit den internen Hyperlinks gehen Sie herum und fragen gezielt: 'Warum wählt ihr genau diese Textstelle als Linkziel aus?'

Worauf zu achten istLassen Sie die Schüler auf einem Zettel zwei Beispiele für aussagekräftige Linktexte aufschreiben und erklären, warum sie besser sind als 'Klicke hier'. Geben Sie ihnen außerdem die Aufgabe, einen internen und einen externen Link für eine fiktive Webseite zu entwerfen.

AnwendenAnalysierenBewertenErschaffenSelbststeuerungBeziehungsfähigkeitEntscheidungsfähigkeit
Komplette Unterrichtsstunde erstellen

Aktivität 02

Projektbasiertes Lernen45 Min. · Kleingruppen

Kleingruppen: Navigationsstruktur entwerfen

Gruppen skizzieren auf Papier eine Baumstruktur für eine fiktive Webseite mit fünf Seiten. Sie definieren Linktexte und implementieren sie in HTML. Die Klasse testet gegenseitig.

Entwerfe eine Navigationsstruktur für eine Webseite mit mehreren Unterseiten.

ModerationstippIn den Kleingruppen zur Navigationsstruktur achten Sie darauf, dass jede Gruppe nicht nur eine Skizze, sondern eine kurze Begründung für ihre Struktur vorlegt.

Worauf zu achten istDie Schüler erhalten eine einfache Webseite mit einer Navigationsstruktur (z.B. als Skizze oder rudimentäres HTML). Sie tauschen die Webseiten und bewerten gegenseitig die Klarheit der Navigation und die Aussagekraft der Linktexte anhand von zwei Kriterien: 'Ist die Navigation logisch?' und 'Verstehe ich, wohin der Link führt?'. Die Bewertung erfolgt mit 'Ja', 'Teilweise', 'Nein' und einer kurzen Begründung.

AnwendenAnalysierenBewertenErschaffenSelbststeuerungBeziehungsfähigkeitEntscheidungsfähigkeit
Komplette Unterrichtsstunde erstellen

Aktivität 03

Projektbasiertes Lernen40 Min. · Ganze Klasse

Ganzer Unterricht: Externe Links optimieren

Die Klasse recherchiert Quellen zu einem Thema, erstellt externe Hyperlinks mit aussagekräftigen Texten und integriert sie in eine gemeinsame Startseite. Gemeinsam prüfen sie auf Relevanz und Sicherheit.

Analysiere die Bedeutung von aussagekräftigen Linktexten für die Benutzerfreundlichkeit und Suchmaschinenoptimierung.

ModerationstippBei der Optimierung externer Links leiten Sie eine kurze Diskussion, welche Kriterien eine vertrauenswürdige Quelle ausmachen.

Worauf zu achten istStellen Sie den Schülern eine kurze HTML-Code-Sequenz mit Hyperlinks vor. Bitten Sie sie, zu identifizieren, welche Links intern und welche extern sind, und erklären Sie kurz, was die Funktion jedes Links ist. Dies kann mündlich oder schriftlich erfolgen.

AnwendenAnalysierenBewertenErschaffenSelbststeuerungBeziehungsfähigkeitEntscheidungsfähigkeit
Komplette Unterrichtsstunde erstellen

Aktivität 04

Projektbasiertes Lernen20 Min. · Einzelarbeit

Individuell: Link-Text-Verbesserung

Jeder Schüler analysiert eine gegebene Webseite, ersetzt vage Linktexte durch präzise und begründet Änderungen. Ergebnisse werden in einer Klassendiskussion geteilt.

Erkläre die Funktion von Hyperlinks für die Navigation im World Wide Web.

Worauf zu achten istLassen Sie die Schüler auf einem Zettel zwei Beispiele für aussagekräftige Linktexte aufschreiben und erklären, warum sie besser sind als 'Klicke hier'. Geben Sie ihnen außerdem die Aufgabe, einen internen und einen externen Link für eine fiktive Webseite zu entwerfen.

AnwendenAnalysierenBewertenErschaffenSelbststeuerungBeziehungsfähigkeitEntscheidungsfähigkeit
Komplette Unterrichtsstunde erstellen

Vorlagen

Vorlagen, die zu diesen Informatik-Aktivitäten passen

Nutzen, bearbeiten, drucken oder teilen.

Einige Hinweise zum Unterrichten dieser Einheit

Erfahrene Lehrkräfte starten mit einem konkreten Beispiel, das die Schüler selbst bearbeiten. Wichtig ist, dass die Aufgabenstellung klar verständlich ist und Materialien wie HTML-Grundgerüste oder Navigationsskizzen direkt zur Verfügung stehen. Vermeiden Sie zu lange Frontalphasen, da die Schüler durch Ausprobieren lernen. Feedback sollte immer sofort und konkret gegeben werden, etwa durch Musterlösungen oder Peer-Feedback.

Am Ende der Einheit können Schüler logische Navigationsstrukturen entwerfen und Hyperlinks mit aussagekräftigen Texten erstellen. Sie unterscheiden interne und externe Links und bewerten deren Wirkung auf Benutzerfreundlichkeit und Suchmaschinenoptimierung. Gruppenarbeiten zeigen, dass sie Feedback konstruktiv geben und annehmen können.


Vorsicht vor diesen Fehlvorstellungen

  • Während der Paararbeit 'Interne Hyperlinks bauen', achten Sie darauf, dass einige Schüler annehmen, Hyperlinks funktionierten nur mit Text. Weisen Sie sie an, bewusst Bilder oder Buttons mit dem <a>-Tag zu verlinken und den Effekt zu testen.

    Zeigen Sie den Schülern, wie der HTML-Code für verlinkte Bilder aussieht: <a href='ziel.html'><img src='bild.png' alt='Beschreibung'></a>. Die Schüler setzen dies in ihrer Paararbeit um und beobachten, dass der Link auch bei Bildern funktioniert.

  • Während der Gruppenarbeit 'Navigationsstruktur entwerfen', hören Sie Sätze wie 'Der Text spielt keine Rolle'. Lenken Sie die Diskussion mit der Frage: 'Würdet ihr auf einen Link klicken, der nur 'Hier' heißt?'

    Geben Sie den Gruppen eine Liste mit vagen und aussagekräftigen Linktexten vor. Die Schüler bewerten diese im Vergleich und überarbeiten ihre eigenen Texte, um Klarheit zu schaffen.

  • Während der Unterrichtseinheit 'Externe Hyperlinks optimieren', äußern Schüler Bedenken wie 'Externe Links sind immer gefährlich'. Nutzen Sie diese Gelegenheit für eine kurze Sicherheitsdiskussion.

    Teilen Sie die Schüler in zwei Gruppen ein: Eine sucht sichere externe Links mit klaren Quellenangaben, die andere sammelt Beispiele für riskante Links. Die Gruppen präsentieren ihre Funde und begründen ihre Einschätzung.


In dieser Übersicht verwendete Methoden