Einführung

Allgemein

Sobald man eine lokale Site, in der die Web-Dokumente gespeichert werden, eingerichtet und HTML-Seiten erstellt hat, sollte man die Dokumente mit anderen Dokumenten oder Dateitypen verknüpfen. In Dreamweaver hat man die Möglichkeiten, Hypertext-Verknüpfungen zu Dokumenten, Bildern, Multimedia-Dateien oder herunterladbaren Programmen einzurichten. Es ist möglich, Hyperlinks zu einem Text oder Bild an einer beliebigen Position innerhalb eines Dokuments zu erstellen. Dieser Text oder dieses Bild kann sich in einer Überschrift, einer Liste, einer Tabelle, einer Ebene oder einem Frame befinden.

Eine visuelle Darstellung der Site-Struktur erhält man mittels der Site-Map-Funktion.

Es gibt verschiedene Arten von Hyperlinks, die mit Dreamweaver erstellt werden können.

• Interne Hyperlinks, welche Dokumente innerhalb der gleichen Web-Site miteinander verknüpfen;
• Externe Hyperlinks, mit welchen Verknüpfungen zu Dokumenten außerhalb einer lokalen Web-Site erstellt werde;
• E-Mail-Verknüpfungen, die ein E-Mail-Formular öffnen;
• Hyperlinks zu benannten Ankern. Mit diesen kann der Benutzer zu einem bestimmten Bereich (auf der selben Web-Seit oder auf einer anderen Seite) springen.

Mit benannten Ankern werden bestimmte Positionen in einem Dokument markiert. Mit einem Hyperlink kann man diese Anker dann direkt ansteuern.

Speicherorte und Pfade

Beim Erstellen von Hyperlinks sollte man wissen, wie der Dateipfad zwischen dem Dokument in welches man den Hyperlink setzt, und dem Dokument auf das der Hyperlink weist, lauten muß. Jede Webseite hat eine eindeutige Adresse - die URL.

Wenn man aber einen lokalen Hyperlink (zwischen verschiedenen Dokumenten der selben Site) erstellen möchte, gibt man in der Regel nicht die gesamte URL des Dokuments an, sondern einen relativen Pfad. Es gibt drei verschieden Arten von Dokumentpfaden:

• Absolute Pfade (http://www.xxx.de/uni/archi/cad/Grundlagen.htm), welche die vollständige URL des verknüpften Dokuments, einschließlich des zu verwendenden Protokolls enthalten. Ein absoluter Pfad ist notwendig, wenn man einen Hyperlink zu einem Dokument erstellen möchte, welches sich auf einem anderen Server befindet.
• Dokumentrelative Pfade (cad/Grundlagen.htm) sind in den meisten Web-Sites für lokale Hyperlinks am besten geeignet. Sie werden vor allem dann verwendet, wenn sich das aktuelle und das zu verknüpfende Dokument in selben Ordner befinden und wahrscheinlich nicht verschoben werden. Gibt man einen dokumentrelativen Pfad an, so läßt man den Teil der absoluten URL weg, der für das aktuelle und das zu verknüpfende Dokument gleich ist.
• Stammrelative Pfade (/archi/cad/Grundlagen.htm) enthalten den Pfad vom Stammordner der Site bis zu einem Dokument.

Hyperlinks erstellen

In Dreamweaver gibt es verschiedene Möglichkeiten, einen Hyperlink zu erstellen. Man markiert den entsprechenden Text und wählt beispielsweise: Ändern > Hyperlink > Hyperlink erstellen oder Link erstellen im Kontextmenü. Eine andere Variante ist der Eigenschaften-Inspector, mit welchem man einen Hyperlink zu einer Datei erstellt, indem man mit dem Ordnersymbol eine Datei sucht und auswählt, mit dem Dateizeiger-Symbol eine Datei auswählt oder den Pfad zu der Datei eingibt.

Ein sehr wichtiges Mittel ist auch das Navigieren auf Anker: Einen Ankerpunkt (benannter Anker) kann man an jeder beliebigen Textstelle einfügen. An anderen Textstellen im Dokument oder in einem anderen Dokument kann man nun Hyperlinks zu diesem Ankerpunkt erstellen. Auf diese Weise läßt sich jede beliebige Stelle eines Dokuments (und nicht nur der Dokumentanfang wie bei "normalen" Hyperlinks) aufrufen.

Hyperlinks testen

Hyperlinks sind im Dokumentfenster nicht aktiv. Klickt man also auf einen Hyperlink, so gelangt man nicht zu dem verknüpften Dokument. Das Testen von Hyperlinks ist nur im Browser möglich. Man wählt: Datei > Vorschau im Browser (oder F12).