Ressources de Dreamweaver CS4
|
Insertion de cartes graphiques côté client
Pour insérer une carte graphique côté client, créez une zone réactive, puis définissez un lien qui s'ouvre lorsqu'un utilisateur clique sur la zone réactive.
Remarque : Vous pouvez créer plusieurs zones réactives, mais elles font toutes partie de la même carte graphique.
- Sélectionnez l'image dans la fenêtre de document.
- Dans l'inspecteur Propriétés, cliquez sur la flèche d'agrandissement située dans le coin inférieur droit pour visualiser toutes les propriétés.
- Dans la zone Nom de la carte, entrez un nom unique pour la carte graphique. Si vous utilisez plusieurs cartes graphiques dans le même document, veillez à donner à chaque carte un nom unique.
- Pour définir les zones de la carte graphique, procédez de l'une des manières suivantes :
Sélectionnez l'outil Cercle et faites glisser le pointeur sur l'image pour créer une zone réactive circulaire.
Sélectionnez l'outil Rectangle et faites glisser le pointeur sur l'image pour créer une zone réactive rectangulaire.
Sélectionnez l'outil Polygone pour définir une zone réactive de forme irrégulière en cliquant pour chaque point de segment de droite. Cliquez sur l'outil Flèche pour fermer la forme.
Après avoir créé la zone réactive, l'inspecteur Propriétés de cette zone apparaît.
- Dans la zone Lien de l'inspecteur Propriétés de la zone réactive, cliquez sur l'icône du dossier
pour rechercher le fichier à ouvrir lorsque l'utilisateur clique sur la zone réactive, ou tapez le chemin.
- Dans le menu déroulant Cible, choisissez la fenêtre dans laquelle le fichier devra s'ouvrir ou tapez son nom
Les noms de tous les cadres du document actif apparaissent dans la liste déroulante. Si vous spécifiez un cadre inexistant, la page liée est chargée dans une nouvelle fenêtre portant le nom que vous avez spécifié. Vous pouvez également choisir parmi les noms de cible réservés suivants :
_blank charge le fichier lié dans une nouvelle fenêtre, sans nom, du navigateur.
_parent charge le fichier lié dans le jeu de cadres parent, ou dans la fenêtre parente du cadre contenant le lien. Si le cadre contenant le lien n'est pas imbriqué, le document lié sera chargé dans la fenêtre de base du navigateur.
_self charge le fichier lié dans le même cadre, ou dans la même fenêtre, que le lien. Cette cible étant celle par défaut, vous n'avez généralement pas à la spécifier.
_top charge le fichier lié dans la fenêtre de base du navigateur, supprimant ainsi tous les cadres.
Remarque : L'option Cible n'est disponible que lorsque la zone réactive sélectionnée contient un lien.
- Dans la zone Alt, tapez un texte secondaire à afficher dans les navigateurs qui affichent seulement du texte ou qui téléchargent les images manuellement. Certains navigateurs affichent ce texte sous forme d'une info-bulle lorsque l'utilisateur fait passer le pointeur de la souris au-dessus de la zone réactive.
- Répétez les étapes 4 à 7 pour définir d'autres zones réactives dans la carte graphique.
- Une fois la définition de la carte de l'image terminée, cliquez sur une zone vierge du document pour modifier l'inspecteur Propriétés.
|