Erstellung und Nutzung von Ankern

Praktische Anwendung > Schritt 3 - Erstellen der Seiten >

Erstellung und Nutzung von Ankern

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Ein Anker ist eine Bezugsmarkierung, die die Position eines Objekts innerhalb einer Seite definiert. Anker werden verwendet, um von einer anderen Stelle der Website Direktlinks zu dem jeweiligen Objekt zu erstellen.

Die Anzahl der Anker, die in eine Seite eingefügt werden können, ist unbegrenzt. Theoretisch könnte jedem enthaltenen Objekt ein Anker zugewiesen werden. Zur Vereinfachung der Arbeit empfehlen wir, einem Objekt nur dann einen Anker zuzuweisen, wenn es notwendig ist, sowie den Ankern aussagekräftige Namen zu geben, um sie sofort identifizieren zu können.

Klicken Sie um zu erweitern/minimierenVorgehensweise: Erstellen  seiteninterner Verlinkungen mit Hilfe von Ankern

Mitunter kann es nützlich sein, Verknüpfungen zu erstellen, die beim Scrollen durch die Seite bestimmte Inhalte in den Vordergrund bringen, beispielsweise ein kurzes Inhaltsverzeichnis, in das man klicken kann, um nacheinander direkt zu den jeweiligen Inhalten zu gelangen.

 

 

Erstellen Sie In Schritt 3 - Erstellen der Seiten die Seite und fügen Sie alle Objekte ein, die für die Darstellung der gewünschten Inhalte benötigt werden. Erstellen Sie ein Textobjekt für das Inhaltsverzeichnis sowie jeweils ein weiteres für jeden Abschnitt, der über das Inhaltsverzeichnis erreicht werden soll.
Wählen Sie im Layout-Schema das Objekt Text mit dem ersten Inhalt und klicken Sie auf die Schaltfläche , um einen Anker zuzuweisen. Geben Sie in dem eingeblendeten Dialogfenster einen Namen für den Anker ein.
Weisen Sie analog jedem weiteren Objekt Text für die einzelnen Inhalte Anker zu und geben Sie den Ankern eindeutige, aussagekräftige Namen.
Öffnen Sie das Objekt Text des Inhaltsverzeichnisses per Doppelklick im Editor.  
Markieren Sie den ersten Eintrag des Inhaltsverzeichnisses und klicken Sie auf die Schaltfläche , um das Dialogfenster Link aufzurufen: Wählen Sie die Aktion Seite der Website und klicken Sie auf , um die Sitemap einzublenden und dort die Seite auszuwählen, an der Sie gerade arbeiten. Klicken Sie auf das Feld Interner Seitenanker, um die verfügbaren anzuzeigen, und wählen Sie den Anker, der der den entsprechenden Eintrag im Inhaltsverzeichnis identifiziert.
Wiederholen Sie den Vorgang für alle Einträge des Inhaltsverzeichnisses.

Die Navigation kann erleichtert werden, indem man am Ende eines jeden Inhaltsblocks einen Link einfügt, der zum Inhaltsverzeichnis am Seitenanfang zurückführt.

Weisen Sie mit der Schaltfläche auch dem Objekt Text des Inhaltsverzeichnisses einen Anker zu.
Öffnen Sie das Objekt Text des ersten Inhaltsblocks im Editor und fügen Sie am Ende einen Hinweis wie "Zurück zum Seitenanfang" ein
Markieren Sie den Hinweis "Zurück zum Seitenanfang", klicken Sie auf , um einen Link zur Seite zu erstellen und wählen Sie den Anker des Inhaltsverzeichnisses aus.
Wiederholen Sie den Vorgang bei allen Textblöcken, sodass am Ende eines jeden Abschnitts der Hinweis "Zurück zum Seitenanfang" als Link zum Inhaltsverzeichnis erscheint.

Anstelle des Hinweises "Zurück zum Seitenanfang" kann auch eine grafische Schaltfläche erstellt, ein Bild direkt in das Objekt Text eingefügt oder ein Bildobjekt verwendet werden (mit dem Vorteil, auch die Mouse-over-Effekte zu nutzen). Die Vorgehensweise zur Erstellung des Links ist in jedem Fall immer identisch.

Klicken Sie um zu erweitern/minimierenVorgehensweise: Erstellen und Verwalten manuell erstellter Anker

Wenn ein Anker nicht am Anfang sondern innerhalb eines Objekts erstellt werden soll, beispielsweise an einem bestimmten Abschnitt in einem Objekt Text, haben Sie zwei Möglichkeiten:

1. Sie können das ursprüngliche Objekt Text in zwei Textobjekte aufteilen und dem zweiten den Anker zuweisen.
2. Sie können im Objekt Text manuell einen Anker erstellen.
Öffnen Sie das Objekt Text im Editor und klicken Sie auf die Schaltfläche , um die HTML-Codeerkennung zu aktivieren.
Positionieren Sie den Cursor an der Stelle, an der der Anker eingefügt werden soll, und geben Sie ein: <A NAME="Name_Anker">&nbsp; </A>

Anstelle von "Name_Anker" geben Sie den gewünschten Namen für Ihren Anker ein. Der String "&nbsp;" in diesem Beispiel identifiziert ein geschütztes Leerzeichen für den Tag-Inhalt.

Bei der Einstellung einer Verlinkung zu einem Anker muss berücksichtigt werden, dass manuell erstellte Anker in der Liste der Option Interner Seitenanker nicht erscheinen. Gehen Sie daher folgendermaßen vor:

Wählen Sie im Fenster Link die Aktion Datei oder URL.
Geben Sie in das Feld URL oder Datei im Internet ein: #Name_Anker

Anstelle von "Name_Anker" geben Sie den gewünschten Namen für Ihren Anker ein.