Plans d' image vous permettent de désigner des « points chauds» dans une image qui deviennent des liens cliquables vers d'autres pages , des sons , des animations ou des vidéos . Cartes d'image peuvent fournir une navigation visuelle pour les utilisateurs qui pourraient avoir des problèmes avec les boutons de texte ou de liens. Vous pouvez créer une carte d'image de base à l'aide d'Adobe Photoshop, qui est un programme de retouche photo créé par Adobe . Photoshop est livré avec un composant appelé Image Ready , ce qui peut créer des images . Instructions
1
Ouvrez l'image que vous allez utiliser pour créer votre carte d'image dans Photoshop. L'image doit être déjà optimisé pour le Web.
2
Accédez à la composante ImageReady de Photoshop en appuyant sur " Ctrl-Maj -M " ou en cliquant sur « Modifier dans ImageReady " bouton en bas de votre boîte à outils.
3
Appuyez sur la touche "P" ou sélectionnez l'option " image Map " icône de l'outil situé sur la boîte à outils standard pour accéder à l'outil de la figure. Cliquez et maintenez le " plan Image " outil et vous verrez un rectangle , cercle ou un polygone formes. Choisissez la forme qui convient le mieux à la zone de l'image que vous souhaitez utiliser comme un point chaud.
4
aide de votre souris , cliquez sur l'image et mettre en évidence la zone hot-spot en cliquant et en faisant glisser la souris . Lorsque vous relâchez la souris, ImageReady créera un nouveau point chaud sur votre image.
5
Ouvrez l' image de la carte boîte d'options en cliquant sur le menu déroulant "Fenêtre" et en sélectionnant " image carte . "Utiliser l'option Nom de nommer le point chaud. Utilisez le menu déroulant du bas "URL" pour mettre en évidence une page locale ou tapez l'adresse d'une page Web externe pour accéder via ce point chaud . Utilisez le menu déroulant Cible de mettre en évidence la façon dont votre lien externe sera ouvert. La région de Alt contiendra le texte affiché lorsqu'un pointeur de la souris est placé sur ce point chaud .
6
Utilisez les options Dimensions pour affiner la position et la taille de votre hot spot . X et Y désignent l'emplacement exact de votre hot spot en utilisant des pixels verticaux et horizontaux. W et H permettent de définir la taille de votre hot spot en utilisant un certain nombre de pixels.
7
Répétez les étapes 4, 5 et 6 pour chaque hot spot que vous souhaitez créer .
< Br > 8
Appuyez sur "Ctrl -Maj- Alt- S" ou sélectionner le menu déroulant "Fichier" et choisissez "Enregistrer optimisé . " Entrez un nom de fichier et assurez-vous que "HTML et des images " , est montré dans la section "Type " . Cliquez sur "Enregistrer " pour terminer le processus d'enregistrement de fichier . Cela crée un fichier HTML et le dossier associé pour les images.
9
Cliquez sur le fichier HTML nouvellement créé pour tester le fonctionnement de votre nouvelle carte d'image.