Texte/Chen Xiufeng
Lorsque vous ouvrez une page Web avec des images, vous verrez parfois cette situation : lorsque la souris pointe sur différentes parties de l'image, vous pouvez ouvrir différents hyperliens. Cette technologie est appelée - zone active d'image de page Web.
Prenons Dreamweaver MX et FrontPage 2003 comme exemples pour voir le processus spécifique d'établissement d'un hotspot d'image de page Web.
1. Créez un point chaud pour les images dans Dreamweaver MX
1. Démarrez Dreamweaver MX (veuillez suivre les instructions pour les autres versions), ouvrez le fichier de la page Web dans laquelle vous devez créer un point chaud pour les images, sélectionnez l'image correspondante et les « Propriétés » Le panneau passera automatiquement à l'état « Images » Propriétés » (Figure 1).
2. Sélectionnez un type de zone sensible (tel que « ellipse »), puis faites-le glisser sur l'image pour créer une zone sensible (voir Figure 1).
Figure 1
Remarque : La zone chaude équivaut à l'ajout d'un calque graphique à l'image. Tout comme l'ajustement de l'image, la taille et la position de la zone chaude peuvent être ajustées avec la souris.
3. Entrez l'URL à lier dans la case à droite de « Lien » (par exemple « http://www.yesky.com ») ; entrez quelques caractères explicatifs dans la case après « Remplacement » (par exemple « Tianji »). .com" ); appuyez sur le bouton déroulant à droite de "Cible" et sélectionnez un moyen d'ouvrir la page liée dans la liste déroulante qui apparaît (si vous souhaitez que la page liée s'ouvre dans une nouvelle fenêtre, sélectionnez l'option "_blank").
Remarque : Les caractères saisis dans la case « Remplacer » seront affichés sur la page lorsque la souris pointe sur le point chaud lors de la navigation sur la page Web (Figure 2).
Figure 2
4. Répétez les étapes 2 et 3 ci-dessus pour créer plusieurs points chauds dans différentes parties de l'image.
2. Créez un point chaud pour les images dans FrontPage2003
1. Démarrez FrontPage2003 et ouvrez le fichier de page Web qui doit créer un point chaud pour les images.
2. Exécutez la commande "Affichage → Barre d'outils → Image" pour développer la barre d'outils "Image" (Figure 3).
Figure 3
3. Sélectionnez un type de zone sensible (tel que « rectangle »), puis faites glisser une zone sensible sur l'image. À ce moment, le système affichera automatiquement la boîte de dialogue « Insérer un lien hypertexte » (Figure 4).
Figure 4
4. Entrez l'URL à lier dans la barre "Adresse" (par exemple "www.yesky.com"); cliquez sur le bouton "Conseils d'écran" pour ouvrir la boîte de dialogue "Définir les conseils de lien hypertexte d'écran" (Figure 5). , saisissez des caractères de description (tels que "天极网").
Figure 5
Remarque : Les « Conseils d'écran » ici sont les mêmes que la fonction « Alternative » de Dreamweaver MX.
4. De la même manière, répétez les étapes 3 et 4 ci-dessus pour créer plusieurs points chauds dans différentes parties de l'image.