Kurzanleitung zu Dreamweaver 4 (6. Hyperlinks erstellen)
Autor:Eve Cole
Aktualisierungszeit:2009-05-30 18:35:55
6. Erstellen Sie Hyperlinks
Hyperlink (Link), auch Link genannt, ist eine einseitige Beziehung zwischen Seiten. Durch Klicken auf Links können wir von einer Seite zur anderen springen. Wir können Links in Text und Bild erstellen.
1. Textlink
Wählen Sie den Text auf der Seite aus, der verlinkt werden soll, wie unten gezeigt:
Geben Sie im Element „Link“ des Eigenschaftenfensters die Linkadresse ein. Wenn der Betrachter auf den Link klickt, springt der Browser zum Beispiel zurück zur Seite: http://www.goeway.com
Wenn Sie möchten, dass die Seite in einem neuen Fenster geöffnet wird, können Sie in Target „_balnk“ auswählen.
Wenn Sie auf eine Datei innerhalb der Website verlinken möchten, können Sie auf klicken :
Im Bild oben verknüpfen wir den Text mit der Datei index2.htm. Achten Sie besonders auf die Option „Relativ zu“ unten, was bedeutet, dass Sie als Standardeinstellung „Dokument“ wählen können. Der Unterschied besteht darin, dass das Dokument bedeutet, dass der relative Pfad von dieser Seite aus berechnet wird, während der Site-Stamm aus dem Stammverzeichnis (d. h. „/“) berechnet wird, wie unten gezeigt:
Wenn Sie außerdem den im Site-Root-Modus erstellten Link verwenden, tritt normalerweise ein Fehler auf, wenn Sie die Seite zum Durchsuchen direkt auf der lokalen Festplatte öffnen. Im Vor-Browsing-Modus von Dreamweaver und nach dem Hochladen auf die Seite tritt jedoch kein Problem auf Server.
2. Bildlink
Der Vorgang zum Einrichten eines Bildlinks ähnelt dem eines Textlinks, daher werde ich ihn nicht im Detail vorstellen. Besonders wichtig ist jedoch, dass einige Bilder nach dem Hinzufügen von Links einen blauen Rand haben. Um den Rand zu entfernen, setzen Sie einfach den Rand auf 0.
3. Hot-Zone-Link
Bei dem zuvor eingeführten Bildlink kann ein Bild nur einem Link entsprechen. Kann ein Bild mehreren Links entsprechen? Die Antwort lautet „Ja“. Nachdem Sie ein Bild ausgewählt haben, können Sie die Option „Karte“ im Eigenschaftenfenster sehen:
In: Erstellen Sie eine rechteckige heiße Zone. Erstellen Sie Prototypen für Hot Zones, Erstellen Sie polygonale Hot Zones. Wenn wir beispielsweise jetzt klicken, verwandelt sich der Cursor in ein Kreuz und eine blaue rechteckige Hotzone kann auf dem Bild gezeichnet werden:
Das entsprechende Eigenschaftenfeld lautet derzeit:
Geben Sie in ähnlicher Weise die Linkadresse in Link ein („#“ steht für einen leeren Link), und Alt ist der Text, der angezeigt wird, wenn die Maus auf den Hotspot zeigt, ähnlich dem Alt im Bild. wir können bestehen Wählen Sie eine andere heiße Zone und passen Sie die Wärmemenge an, indem Sie die Kontrollpunkte an den vier Ecken der heißen Zone anpassen. Durch die heiße Zone können wir einen Link zu den Augen des Orang-Utans und einen Link zum Mund erstellen, um auf verschiedene Seiten zu verlinken.
Tipps zu Links
1. Wenn Sie eine Verknüpfung zu einer E-Mail-Adresse herstellen möchten, geben Sie den Link ein: „mailto: Adresse“, zum Beispiel mailto:[email protected]. Wenn Sie dann auf den Link klicken, wird das Standard-E-Mail-Programm angezeigt Wenn Sie beispielsweise Outlook öffnen, senden Sie eine E-Mail an die Adresse [email protected].
2. Wenn der Link zu einer Datei führt, die vom Browser nicht geöffnet werden kann, z. B. EXE, Zip usw., wird beim Klicken auf den Link ein Dialogfeld angezeigt, in dem er gefragt wird, wo die Datei auf der Festplatte gespeichert werden soll . Dies wird erreicht.