Création et liaison de mappes d'images dans Fireworks CS5 - témoins

Lorsque vous créez un graphique dans Adobe Fireworks Creative Suite 5 et ajoutez plusieurs hotspots (liens hypertexte) à il, devient connu comme une carte image .

Utilisez une carte-image pour définir des régions cliquables dans une image.

Créez une image dans Fireworks

Pour créer une image, procédez comme suit:

1. Ouvrez un fichier graphique auquel vous souhaitez attribuer plusieurs points d'accès.

2. Cliquez et maintenez enfoncé l'outil Rectangle Hot Spot dans la section Web du panneau Outils et choisissez l'un des trois outils de points d'accès cachés: Rectangle, Cercle ou Polygone.

3. Si vous avez choisi l'outil Rectangle ou Cercle, il suffit de cliquer et de faire glisser pour définir le hotspot. Pour créer une région avec l'outil Polygon, il suffit de cliquer et de relâcher d'un point à un autre pour créer une région personnalisée.

Si vous n'avez pas trouvé les formes parfaites, ne vous inquiétez pas. Vous pouvez utiliser les outils Pointer et Sous-sélection pour déplacer et redimensionner les zones sensibles.

Lier une carte-image Fireworks

Après avoir défini un hotspot, vous pouvez définir l'emplacement (généralement une page Web) auquel le hotspot doit se connecter.

1. Choisissez Fenêtre → URL.

   Le panneau URL apparaît.

   

2. Tapez une adresse URL que vous voulez que l'utilisateur consulte après avoir sélectionné cette région.

   Notez que vous pouvez ajouter votre URL à une bibliothèque pour une utilisation ultérieure en cliquant sur le signe plus à droite de la zone de texte URL.

   Lorsque vous faites référence à des pages au-delà de votre site Web (liens externes), , vous devez commencer le lien avec //.

3. Choisissez Fenêtre → Calques pour afficher le panneau Calques.

   Le hotspot que vous avez créé apparaît comme une sous-couche distincte du calque Web.

4. Double-cliquez sur le nom de cette sous-couche et donnez-lui un nom plus approprié.

   

Voici quelques types de liens autres que les URL que vous pouvez utiliser:

• Adresse e-mail : Tapez mailto: votre adresse e-mail dans la zone de texte URL pour créer un lien une fenêtre de message, avec votre adresse déjà entrée et prête à partir!

• Lien vers une autre page de votre document Fireworks : Beaucoup de personnes aiment créer des prototypes de leurs sites Web dans Fireworks et montrer le lien d'une page à l'autre. Vous pouvez utiliser le panneau Pages pour ajouter une page à votre document, puis utiliser le menu déroulant Lien pour lier une page à une autre.

Pour exporter plusieurs pages à partir de Fireworks, choisissez Fichier → Exporter, puis sélectionnez Toutes les pages dans le menu déroulant Pages. Vous pouvez tester vos liens en ouvrant le fichier HTML nouvellement créé dans un navigateur.

• Fichiers non HTML sur le serveur : Vous pouvez taper 2010 / catalogue. pdf, par exemple, pour demander au navigateur d'ouvrir un fichier PDF nommé catalogue qui se trouve dans le dossier 2010.