Après les opérations des parties précédentes, notre page Web a été illustrée d'images et de texte, et a un effet considérable, mais cela ne suffit pas pour la page Web. Pour que les nombreuses pages Web du site Web deviennent un tout organique, chaque page Web doit. être traité via des super liens sont connectés afin que les téléspectateurs puissent passer d'une page à l'autre.
1. Lier des images et du texte
Il est très pratique de créer des liens pour du texte ou des images. Utilisez simplement la souris pour sélectionner l'image ou le texte qui doit être transformé en lien, puis entrez l'adresse de la page cible qui doit le faire. être sauté dans la zone de saisie "Lien" du panneau des propriétés, ou Appuyez sur l'icône de dossier à côté de la zone de saisie pour sélectionner le fichier auquel vous souhaitez accéder. De plus, Dreamweaver MX 2004 offre également un moyen de lier rapidement des fichiers via la fenêtre du site Web.
Étape 1 : Exécutez d'abord la commande "Site → Gérer les sites" et sélectionnez un site déjà créé dans le menu contextuel. À ce stade, vous pouvez voir la fenêtre contextuelle de gestion du site sur la droite.
Étape 2 : Sélectionnez le texte ou l'image dans la zone d'édition et faites glisser directement l'icône cible circulaire à côté de la zone de saisie "Lien" dans le panneau des propriétés. Une flèche apparaîtra lorsqu'elle pointe vers un fichier dans le gestionnaire du site Web. Une boîte apparaîtra autour du fichier (Figure 1).
Figure 1
Étape 3 : Après avoir relâché la souris, un soulignement apparaîtra au bas du texte sélectionné, la couleur du mot deviendra bleue et l'adresse du fichier cible sera automatiquement affichée dans la zone de saisie "Lien". .
Astuce : lors de l'établissement d'un lien, vous devez faire attention aux deux modes d'URL. 1. Adresse absolue : telle que www. abc. com/test. htm; 2. Adresse relative : telle que download/1. htm, description page 1. htm se trouve dans le répertoire racine du serveur.
2. Définir plusieurs liens sur une image.
Certaines pages Web ont plusieurs liens sur une grande image, afin que les visiteurs puissent accéder à différentes pages en cliquant sur différentes positions de l'image. C'est l'application du concept de zones chaudes d'image. suivez les étapes ci-dessous pour y parvenir.
Étape 1 : Dans Dreamweaver MX 2004, vous pouvez d'abord sélectionner l'image. À ce stade, vous pouvez voir une zone « Carte » sur le panneau des propriétés de l'image. En dessous, trois icônes d'outils bleu clair, à savoir un rectangle, un cercle et un polygone.
Étape 2 : utilisez la souris pour en sélectionner une si nécessaire, puis déplacez la souris sur l'image et faites glisser une zone bleu clair.
Étape 3 : Remplissez l'adresse de la page Web à lier dans la zone de saisie "Lien" du panneau des propriétés, et une zone dynamique d'image est prête.
De même, en définissant plusieurs zones chaudes d'image pour cette image, vous pouvez cliquer sur différentes zones de l'image pour accéder à différentes pages.
3. Personnalisez les liens de saut dans la page.
Si vous vous abonnez souvent à des magazines électroniques gratuits en ligne ou si vous parcourez de très longues pages, vous devriez être familier avec ce type de lien balisé. Il s'agit d'une liste de type répertoire pour accéder facilement à la page. page.
Étape 1 : Dans Dreamweaver MX 2004, déterminez d'abord l'emplacement où pointe le lien, qui est l'emplacement où le lien restera après le saut d'écran. Ensuite, sélectionnez le texte cible et exécutez la commande "Insérer → Ancre nommée".
Étape 2 : saisissez le nom de l'étiquette (tel que test3) dans la zone de saisie « Nom de l'ancre ». À ce stade, une balise d'ancrage apparaîtra automatiquement sous le texte pour le distinguer du contenu textuel ordinaire (Figure 2).
Figure 2
Étape 3 : Entrez "#test3" dans la zone de saisie "Lien" du panneau de propriétés, où test3 est le nom que vous venez de définir, afin que la fonction de saut de page puisse être réalisée.
Astuce : Si vous souhaitez pointer vers un certain emplacement sur une autre page, placez-y simplement cette balise d'ancrage.
4. Vérifiez rapidement le lien Web
. Lorsque vous surfez sur Internet, le plus ennuyeux est de voir des messages d'erreur tels que "Erreur du serveur Web 4004 : fichier introuvable". Comme il existe de nombreux liens dans un site Web, un peu d'attention entraînera de nombreuses erreurs de lien. Cependant, dans Dreamweaver MX 2004, vous pouvez facilement vérifier les liens.
Étape 1 : Exécutez la commande "Site → Check Links SideWide" dans Dreamweaver MX 2004 et le panneau de vérification des liens sera activé.
Étape 2 : Dans le menu déroulant « Afficher » dans la partie supérieure gauche du panneau, vous pouvez sélectionner les liens brisés (liens brisés), les liens externes (liens externes) et les fichiers orphelins (fichiers orphelins, par exemple). sélectionnez Fichiers orphelins, Dreamweaver MX 2004 vérifiera l'état actuel du lien et affichera une liste des fichiers orphelins.
Étape 3 : Pour le fichier problématique, double-cliquez sur le bouton gauche de la souris pour l'ouvrir pour le modifier.
Astuce : Les liens externes sont des adresses de liens qui renvoient vers des sites Web externes et Dreamweaver ne peut pas vérifier leur exactitude.
Il faut vous rappeler d'être très prudent lorsque vous établissez des liens vers des pages Web, car les sites Web contiennent généralement des centaines de pages. Si vous ne faites pas attention, cela entraînera des liens vides ou des liens erronés, ce qui nuira grandement à l'image de votre site Web. une bonne influence !