Hyperlinkerstellung
Die Hyperlinkerstellung ist in Dreamweaver auf vielerlei Weise realisiert worden. Zunächst soll das prinzipielle Vorgehen erläutert werden.
Zuerst
wird die Stelle markiert, von der aus verwiesen wird (kann Grafik
oder Textstelle sein)
- über das
Menü Modifizieren/Link (DW fasst einen Link als Textmodifikation
auf)
- über die Tastatur: Stelle markieren und linke Maustaste gedrückt halten, Shift-Taste drücken und auf die Zieldatei ziehen (Dateizeigersymbol erscheint)
- über den
Eigenschaftsinspektor:
bei Framesets: hier das Zielfenster definieren
Dateizeiger
- direkte Eingabe in das Feld ”Hyperlink”
- beide Dateien müssen geöffnet sein und (teilweise) sichtbar: mit der Maus den Ziehpunkt anfassen (blauer Pfeil) und auf die Datei ziehen, auf die der Link verweisen soll, dann die Maustaste loslassen - Fertig!
- das Ordnersymbol
anklicken und im nun angezeigten Dialogfenster die Datei auswählen
Dokument-
oder stammrelative Art der Verlinkung
Im Dialogfenster
zur Dateiauswahl kann man Angaben zu der Art der Verlinkung machen: Verweise
können in Dreamweaver dokument- oder stammrelativ angegeben
werden. Im
Dialog zu den Hyperlinkeinstellungen kann man unten unter ”Relativ
zu...” angeben, wie die Links aussehen sollen. Die Einstellung bleibt
so lange aktiv, bis sie wieder geändert wird.
Beispiele:
Dokumentrelativ
(Dokument): <a href="../../../engl/frames/film2.html">Film2</a
Stammrelativ (Startordner): <a href="/engl/frames/film2.html">Film2</a>
Im Eigenschaftsfenster
werden alle bisher angelegten Links aufgelistet (Pfeil neben Hyperlinkeingabe
anklicken). Wenn man von einer anderen Stelle auf die gleiche Datei verweisen
möchte, geht es schneller, wenn man den Link aus der Liste auswählt.
Hyperlinks zu benannten Ankern
- in gleicher oder anderer Datei
Anker anlegen:
1. Stelle markieren
2. Menü Einfügen/Unsichtbare Tags/Benannter Ankerpunkt: Name eingeben ODER
3. Objektepalette:
Tafel ”Unsichtbare Elemente” oben links ”Benannten Anker
einfügen”
Der Quelltext soll so aussehen: <a name="Name"></a>
Verweis
auf Anker:
Im Feld Hyperlink im Eigenschaftsinspektor # und Name des Ankers direkt eingeben ODER
Anker sichtbar machen (falls erforderlich): Menü Ansicht/Visuelle Hilfsmittel/Unsichtbare Elemente ein Häkchen setzen. Von der markierten Stelle im selben oder einem anderen Dokument mit Hilfe des Dateizeigers auf das Ankersymbol ziehen.
Vorteil: man muß sich so den Namen des Ankers nicht merken!
So sieht's
im Quelltext aus: <a href="#name">oben</a>
Bei Verweis
auf Anker aus einer anderen Datei so:
<a href="kontakt.html#name">oben</a>
Interne
Hyperlinks
Es werden Dateien innerhalb der Webseite verlinkt - relativ zur Internetadresse der Site
Beispiel:
intern relativ: ../../webseite/demo.html
intern absolut: /seiten/kontakt.html
Externe
Hyperlinks
Die Verweise zeigen auf Seiten außerhalb der Site.
Beispiel für einen extern absoluten Verweis: http://www.webfeatures.de/webdesign/programmierung.html
Hinweise:
- Bei Verweisen dürfen keine Laufwerksbuchstaben enthalten sein!
- In Datei- und Verzeichnisnamen darf man keine Leer- oder Sonderzeichen und keine Umlaute verwenden - der Unterstrich ist aber erlaubt.
- Auf Groß- und Kleinschreibung achten!
- Im Namen dürfen mehr als 8 Buchstaben enthalten sein.
Leeren
Hyperlink anlegen
Im Verlauf der Entwicklung einer Website ist es manchmal sinnvoll, schon
einen Link anzulegen, obwohl z. B. die Zieldatei noch nicht erstellt wurde.
In einem solchen Fall wird ein leerer Link angelegt, d. h. man gibt statt
eines vollständigen Pfads einfach ein # (Lattenkreuz) in das Feld
Hyperlink ein.
Farben
von Textlinks
- können individuell angepaßt werden im Menü Modifizieren
/ Seiteneigenschaften.
Tipp: Pipette
benutzen
E-Mail-Verknüpfung
- Öffnet ein E-Mailformular
Stelle markieren und im Menü Einfügen / E-Mail-Verknüpfung aufrufen oder in der Objektepalette / Tafel allgemein auf Briefsymbol klicken. Es öffnet sich das Dialogfenster E-Mail-Verknüpfung einfügen.
Wenn
eine entsprechende Textstelle zuvor markiert wurde, sieht man diesen Text
im Feld ”Text”. Er kann hier geändert werden. Wenn nichts
markiert wurde, kann hier der Text eingegeben werden, der auf den E-Mail-Link
verweisen soll. Im Feld E-Mail wird die gewünschte E-Mail-Adresse
eingegeben.
Auch im Eigenschaftsinspektor kann ein E-Mail-Link eingegeben werden. In das Feld Hyperlink muß vor der eigentlichen E-Mail-Adresse ”mailto:” eingetragen werden.
So ist der Eintrag im Eigenschaftsinspektor korrekt: mailto:beipiel@gmx.de