1.7 Tutorial: Ankerlinks

Edumaps

Einführung

1

Ankerlinks erstellen

  • Nehmen wir an, Sie wollen ein Inhaltsverzeichnis erstellen. Dann gehen Sie wie folgt vor:
    1. Öffnen Sie die zu verlinkende Box mit dem Box-Editor.
    2. Klicken Sie auf den Plus-Button und wählen Sie im Dropdown „Ankerlink“.
    1. Es wird im Boxinhalt !#anchor eingefügt (als Vorlage).
    2. Benennen Sie den Anker nach Belieben um, zum Beispiel zu !#start1. Achten Sie darauf, dass das Ankerwort ein zusammenhängendes Wort ist und dass die Zeichen !# stets direkt vor dem Wort stehen (ohne Leerzeichen, alles klein schreiben).
    3. Speichern Sie die Box.
  • Der Ankerlink ist nun mit der Box verknüpft und kann zur Navigation (Verlinkung) genutzt werden.
  • ⚙ erstellen
2

Text mit Ankerlinks verlinken

  • Ist ein Ankerlink mit einer Box verknüpft, so sehen Sie das Ankerwort im Bearbeitungsmodus wie folgt:
  • Diesen Link können Sie nun zur Navigation verwenden.
    1. Öffnen Sie den Box-Editor für die Box, wo verlinkt werden soll.
    2. Schreiben Sie Ihren Text.
    3. Markieren Sie ein Wort im Text mit der Maus und klicken auf den Button „Link einfügen“.
    4. Tragen Sie nun Ihren Ankerlink ein, zum Beispiel !#start1.
    5. Speichern Sie die Box.
  • ⚙ verlinken
3

Navigation mit Ankerlinks

  • Wenn Sie nun auf den gesetzten Link klicken, so wird innerhalb der Map auf die verlinkte Box gescrollt (wo sich der Ankerlink befindet) und die Box blinkt drei Mal.
  • Zudem erscheint ein kleiner Zurück-Button links unten an der Box.
  • Sie können aber genauso den Zurück-Button des Browsers verwenden (oder den Zurück-Button an Ihrer Maus), um zur vorigen Box zurückzuspringen.
  • ⚙ navigation
4

Ankerlinks in Textfeldern

  • Ankerlinks können auch in Textfeldern gesetzt werden. So sind weitere Anwendungen möglich:
    1. Sprung von Textfeld zu Textfeld
    2. Sprung von Textfeld zu Box
    3. Sprung von Box zu Textfeld
  • Beim Sprung zum Textfeld blinkt das Textfeld drei Mal und ist kurz rot markiert.
  • Eingabe für das Ziel-Textfeld:
  • Mein Text hier #!ziel
  • Eingabe für das verlinkende Textfeld:
  • Mein {Link zum Textfeld}{#!ziel}
  • ⚙ textfelder
5

Beispiel-Map mit Ankerlinks

  • In der folgenden Bespiel-Map sehen Sie, wie die Navigation mit Ankerlinks funktioniert.
  • Klicken Sie im Inhaltsverzeichnis auf einen Link, so bewegt sich die Ansicht zu der entsprechenden Box.
  • Benutzen Sie den Zurück-Button an der Box oder den Zurück-Button im Browser, so wird zum Inhaltsverzeichnis zurück navigiert.
  • ⚙ beispiel
6

Hinweise

  • Ankerlinks können zur map-eigenen Navigation genutzt werden.
  • Zum Beispiel für eine Liste aller Kurse in der ersten Box auf der Map oder für ein Inhaltsverzeichnis.
  • Sie können jedoch auch einen Ankerlink an Ihren Map-Teilen-Link anfügen und so direkt auf eine Box verlinken. Hierzu setzen Sie an das Ende des Map-Links einfach den Ankerlink heran mit #meinanker (ohne Ausrufezeichen).
  • ⚙ hinweise