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.

• Klasse 7
• Digitale Welten verstehen und gestalten
• 4 Aktivitäten
• 20 Min.–45 Min.

Lernziele

1. Erklären Sie die Funktion von Hyperlinks für die Navigation im World Wide Web.
2. Entwerfen Sie eine Navigationsstruktur für eine Webseite mit mindestens drei Unterseiten.
3. Analysieren Sie die Auswirkungen von Linktexten auf die Benutzerfreundlichkeit einer Webseite.
4. Erstellen Sie interne und externe Hyperlinks in einem HTML-Dokument.
5. Bewerten Sie die Effektivität verschiedener Navigationsdesigns hinsichtlich ihrer Übersichtlichkeit.

Projektbasiertes Lernen

⏱ 30 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.

Vorbereitung & Details

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

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

Setup: Flexible Lernumgebung mit Zugang zu Materialien und moderner Technik

Materials: Project Brief mit einer Leitfrage, Planungsvorlage und Zeitplan, Bewertungsraster (Rubric) mit Meilensteinen, Präsentationsmaterialien

• Anwenden
• Analysieren
• Bewerten
• Erschaffen
• Selbststeuerung
• Beziehungsfähigkeit
• Entscheidungsfähigkeit

Projektbasiertes Lernen

⏱ 45 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.

Vorbereitung & Details

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

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

Setup: Flexible Lernumgebung mit Zugang zu Materialien und moderner Technik

Materials: Project Brief mit einer Leitfrage, Planungsvorlage und Zeitplan, Bewertungsraster (Rubric) mit Meilensteinen, Präsentationsmaterialien

• Anwenden
• Analysieren
• Bewerten
• Erschaffen
• Selbststeuerung
• Beziehungsfähigkeit
• Entscheidungsfähigkeit

Projektbasiertes Lernen

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

Vorbereitung & Details

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

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

Setup: Flexible Lernumgebung mit Zugang zu Materialien und moderner Technik

Materials: Project Brief mit einer Leitfrage, Planungsvorlage und Zeitplan, Bewertungsraster (Rubric) mit Meilensteinen, Präsentationsmaterialien

• Anwenden
• Analysieren
• Bewerten
• Erschaffen
• Selbststeuerung
• Beziehungsfähigkeit
• Entscheidungsfähigkeit

Projektbasiertes Lernen

⏱ 20 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.

Vorbereitung & Details

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

Setup: Flexible Lernumgebung mit Zugang zu Materialien und moderner Technik

Materials: Project Brief mit einer Leitfrage, Planungsvorlage und Zeitplan, Bewertungsraster (Rubric) mit Meilensteinen, Präsentationsmaterialien

• Anwenden
• Analysieren
• Bewerten
• Erschaffen
• Selbststeuerung
• Beziehungsfähigkeit
• Entscheidungsfähigkeit

Dieses Thema unterrichten

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.

Was Sie erwartet

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

Häufige Fehlvorstellung

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.

Was Sie stattdessen lehren sollten

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.

Häufige Fehlvorstellung

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?'

Was Sie stattdessen lehren sollten

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.

Häufige Fehlvorstellung

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.

Was Sie stattdessen lehren sollten

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.

Ideen zur Lernstandserhebung

Lernstandskontrolle

Nach der Aktivität 'Link-Text-Verbesserung' notieren die Schüler auf einem Zettel zwei aussagekräftige Linktext-Beispiele und erklären, warum sie besser sind als 'Klicke hier'. Zusätzlich entwerfen sie einen internen und einen externen Link für eine fiktive Webseite.

Gegenseitige Bewertung

Nach der Aktivität 'Navigationsstruktur entwerfen' tauschen die Schüler ihre Entwürfe aus und bewerten gegenseitig die Klarheit der Navigation und die Aussagekraft der Linktexte anhand der 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.

Kurze Überprüfung

Während der Aktivität 'Interne Hyperlinks bauen' präsentieren Sie den Schülern eine einfache HTML-Code-Sequenz mit Hyperlinks. Die Schüler identifizieren, welche Links intern und welche extern sind, und erklären kurz die Funktion jedes Links. Dies kann mündlich oder schriftlich erfolgen.

Erweiterungen & Unterstützung

• Fordern Sie schnelle Schüler auf, eine vollständige Mini-Webseite mit interner und externer Navigation zu erstellen und diese mit CSS zu gestalten.
• Schülern, die unsicher sind, geben Sie ein Arbeitsblatt mit vorgegebenen HTML-Fragmenten, die sie um Hyperlinks ergänzen müssen.
• Für tiefere Exploration lassen Sie die Schüler eine Webseite analysieren und Vorschläge für verbesserte Linktexte und Navigationsstrukturen erarbeiten.

Schlüsselvokabular

Hyperlink	Ein Verweis in einem digitalen Dokument, der den Benutzer zu einer anderen Stelle im selben Dokument oder zu einem anderen Dokument oder einer Webseite führt.
Interne Verlinkung	Ein Hyperlink, der auf eine andere Seite innerhalb derselben Webseite verweist, z.B. von der Startseite zu einer Unterseite.
Externe Verlinkung	Ein Hyperlink, der auf eine Webseite außerhalb der eigenen Domain verweist, z.B. ein Link zu einer Nachrichten-Webseite.
Linktext (Ankertext)	Der klickbare Text eines Hyperlinks, der dem Benutzer und Suchmaschinen den Inhalt des verlinkten Ziels beschreibt.
Navigationsstruktur	Die Organisation und Anordnung von Links auf einer Webseite, die es Benutzern ermöglicht, sich auf der Seite zurechtzufinden und Inhalte zu entdecken.