Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Creér une zone d'image réactive avec Dreamweaver

Ce tutoriel va vous montrer comment créer une zone réactive sur une image dans Dreamweaver CS5.

Nous allons maintenant regarder un outil utile pour fournir des liens utiles fondées sur une image avec plusieurs éléments.

Supposons que nous voulons fournir des informations sur les villes du Maroc. La carte ressemble à ceci.

Image carte

Avec l'image sélectionnée, je peux voir le panneau Propriétés, et dans le coin inférieur gauche de l'écran, on peut voit les outils de zone réactive.

Polygone

Maintenant, je sélectionner l'outil Zone réactive rectangulaire et l'utiliser pour dessiner un contour autour du nom de la ville de Rabat sur la carte (le réctangle est la forme idéale ici). Quand j'aurai terminé le dessin, je vois ce message.

Description image réactive

Cliquant sur OK et je vois le nom Rabat entouré du rectangle et dans le panneau des propriéts, je vois la case Lien avec au début "#".

Zone réactive

A cette occasion, je vais faire le lien aller à un autre endroit sur la même page, et je spécifierai une ancre nommée de "Rabat".

Je précise que la cible sera "_self", c'est à dire dans la même fenêtre de navigateur. Si je devais mettre un lien vers un site externe je pourrais utiliser "_blank" ici.

J'ai également saisir du texte Alt approprié, puis cliquez sur OK.

Propriétés du lien

Après avoir fait ces changements, j'entres un titre pour mon texte Rabat et insère l'ancre nommée requise.

Ancre nommée

Maintenant, essayez à l'aide d'Aperçu dans le navigateur. Vous pouvez aussi le tester en mode Affichage en direct.

Notez que l'outil de la zone réactive, dans notre cas ici le rectangle, n'apparaît pas que dans le mode Création de Dreamweaver. Dans le navigateur, on ne voit pas le rectangle. Seulement la zone devien réactive au clic et la carte reste intacte.

Cette technique de zone réactives sur image avec Dreamweaver peut servir à beaucoup de choses comme indiquer sur une carte l'emplacement d'un lieu, un magazin et pouvoir cliquer pour aller aux informations le concernants sur la même ^page avec une ancre nommée ou aller sur une uatre page avec un lien.

Voir un exemple de zone réactive dans image.

 

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site