Nach den Vorgängen in den vorherigen Teilen wurde unsere Webseite mit Bildern und Text illustriert und hat eine beträchtliche Wirkung, aber das reicht für die Webseite nicht aus. Damit die vielen Webseiten der Website ein organisches Ganzes ergeben, muss jede Webseite verarbeitet werden, indem Super-Links verbunden werden, sodass Betrachter zwischen verschiedenen Seiten springen können.
1. Bilder und Text verknüpfen
Es ist sehr praktisch, Links für einige Texte oder Bilder zu erstellen. Wählen Sie einfach mit der Maus das Bild oder den Text aus, der in einen Link umgewandelt werden soll, und geben Sie dann die Adresse der gewünschten Zielseite ein zu der Datei gesprungen werden soll, oder klicken Sie auf das Ordnersymbol neben dem Eingabefeld, um die Datei auszuwählen, zu der Sie springen möchten. Darüber hinaus bietet Dreamweaver MX 2004 auch eine Möglichkeit, Dateien schnell über das Website-Fenster zu verknüpfen.
Schritt 1: Führen Sie zunächst den Befehl „Site→Sites verwalten“ aus und wählen Sie eine bereits erstellte Site aus dem Popup-Menü aus. Zu diesem Zeitpunkt wird rechts das Popup-Site-Verwaltungsfenster angezeigt.
Schritt 2: Wählen Sie den Text oder das Bild im Bearbeitungsbereich aus und ziehen Sie das kreisförmige Zielsymbol direkt neben das Eingabefeld „Link“ im Eigenschaftenbereich. Ein Pfeil wird angezeigt, wenn er auf eine Datei im Website-Manager zeigt Um die Datei herum erscheint ein Kästchen (Abbildung 1).
Abbildung 1
Schritt 3: Nach dem Loslassen der Maus erscheint am unteren Rand des ausgewählten Textes eine Unterstreichung, die Farbe des Wortes wird blau und die Adresse der Zieldatei wird automatisch im Eingabefeld „Link“ angezeigt .
Tipp: Beim Einrichten eines Links müssen Sie auf die beiden URL-Möglichkeiten achten. 1. Absolute Adresse: z. B. www. ABC. com/test. htm; 2. Relative Adresse: z. B. download/1. htm, Beschreibung Seite 1. htm befindet sich im Stammverzeichnis des Servers.
2. Legen Sie mehrere Links auf einem Bild fest
, sodass Besucher durch Klicken auf verschiedene Positionen des Bildes auf verschiedene Seiten zugreifen können Befolgen Sie dazu die folgenden Schritte.
Schritt 1: In Dreamweaver MX 2004 können Sie zunächst das Bild auswählen. Zu diesem Zeitpunkt sehen Sie im Bildeigenschaftenbereich drei hellblaue Werkzeugsymbole, nämlich Rechteck, Kreis und Polygon.
Schritt 2: Wählen Sie bei Bedarf mit der Maus eines davon aus, bewegen Sie dann die Maus auf das Bild und ziehen Sie einen hellblauen Bereich heraus.
Schritt 3: Geben Sie die zu verlinkende Webseitenadresse in das Eingabefeld „Link“ im Eigenschaftenfenster ein, und ein Bild-Hot-Bereich ist fertig.
Ebenso können Sie durch Festlegen mehrerer Bild-Hot-Bereiche für dieses Bild auf verschiedene Bereiche des Bildes klicken, um verschiedene Seiten aufzurufen.
3. Passen Sie die Sprunglinks innerhalb der Seite an.
Wenn Sie häufig kostenlose E-Magazine online abonnieren oder sehr lange Seiten durchsuchen, sollten Sie mit dieser Art von getaggten Links vertraut sein, zu denen Sie leicht springen können Seite.
Schritt 1: Bestimmen Sie in Dreamweaver MX 2004 zunächst die Position, auf die der Link verweist. Dies ist die Position, an der der Link nach den Bildschirmsprüngen verbleibt. Wählen Sie dann den Zieltext aus und führen Sie den Befehl „Einfügen→Benannter Anker“ aus.
Schritt 2: Geben Sie den Labelnamen (z. B. test3) in das Eingabefeld „Ankername“ ein. Zu diesem Zeitpunkt wird automatisch ein Ankertag unter dem Text angezeigt, um ihn vom normalen Textinhalt zu unterscheiden (Abbildung 2).
Abbildung 2
Schritt 3: Geben Sie „#test3“ in das Eingabefeld „Link“ der Eigenschaftentafel ein, wobei test3 der gerade festgelegte Name ist, damit die Seitensprungfunktion realisiert werden kann.
Tipp: Wenn Sie auf eine bestimmte Stelle auf einer anderen Seite verweisen möchten, platzieren Sie diesen Ankertag einfach dort.
4. Überprüfen Sie schnell den Weblink
. Beim Surfen im Internet ist es am ärgerlichsten, Fehlermeldungen wie „Webserverfehler 4004: Datei nicht gefunden“ zu sehen. Da eine Website viele Links enthält, führt ein wenig Sorgfalt zu vielen Linkfehlern. In Dreamweaver MX 2004 können Sie die Links jedoch problemlos überprüfen.
Schritt 1: Führen Sie den Befehl „Site→Links seitlich prüfen“ in Dreamweaver MX 2004 aus und das Link-Check-Panel wird aktiviert.
Schritt 2: Im Dropdown-Menü „Anzeigen“ im oberen linken Teil des Bedienfelds können Sie beispielsweise „Broken Links“ (defekte Links), „Extranal Links“ (externe Links) und „OrphanedFiles“ (verwaiste Dateien) auswählen Wenn Sie „Verwaiste Dateien“ auswählen, prüft Dreamweaver MX 2004 den aktuellen Linkstatus und zeigt eine Liste der verwaisten Dateien an.
Schritt 3: Doppelklicken Sie auf die problematische Datei mit der linken Maustaste, um sie zur Änderung zu öffnen.
Tipp: Bei externen Links handelt es sich um Linkadressen, die auf externe Websites verweisen. Dreamweaver kann deren Richtigkeit nicht überprüfen.
Sie müssen beim Einrichten von Links zu Webseiten besonders vorsichtig sein, da Websites normalerweise Hunderte von Seiten haben. Wenn Sie nicht aufpassen, führt dies zu leeren oder falschen Links, was dem Image Ihrer Website sehr schadet ein guter Einfluss!