PDF (adobe.com)

Création de cartes-images

Après avoir inséré des zones sensibles sur un graphique, exportez le graphique en tant que carte-image pour qu’il fonctionne dans un navigateur Web. L’exportation d’une carte-image génère le fichier graphique et le fichier HTML qui contient les informations de la carte relatives aux zones sensibles et aux liens URL correspondants. Les exportations de Fireworks ne peuvent produire que des cartes-images côté client.

Vous pouvez également copier la carte-image dans le Presse-papiers puis la coller dans Dreamweaver ou dans un autre éditeur HTML.

Pour plus d’informations sur l’insertion de contenus Fireworks exportés dans Dreamweaver, reportez-vous à la section Utilisation de Dreamweaver

  1. Optimisez le graphique avant son exportation.

  2. Choisissez Fichier > Exporter.

  3. Si vous exportez l’image, accédez au dossier de destination du fichier HTML, puis nommez le fichier.

    Si vous avez déjà créé la structure de fichiers locale de votre site Web, enregistrez le graphique dans le dossier approprié de ce site.

  4. Dans le menu contextuel Type, sélectionnez Documents HTML et Images.

  5. Dans le menu contextuel HTML, sélectionnez une option :

    Exporter le fichier HTML
    Crée le fichier HTML requis et les fichiers de graphiques correspondants à importer dans Dreamweaver ou dans un autre éditeur HTML.

    Copier dans le Presse-papiers
    Copie tous les codes HTML (ainsi qu’une table si le document est découpé en tranches) dans le Presse-papiers ; ils seront ensuite collés dans Dreamweaver ou dans un autre éditeur HTML.
    Remarque : pour les tranches, sélectionnez Aucun si le document ne contient pas de tranches.

  6. (Exportation uniquement) Si nécessaire, sélectionnez Placer les images dans des sous-dossiers, puis ouvrez le dossier approprié.

  7. Cliquez sur Enregistrer.

  8. Lorsque vous exportez des fichiers, Fireworks permet d’utiliser les commentaires en HTML pour identifier clairement le début et la fin du code des cartes-images et autres éléments Web. Par défaut, aucun commentaire n’est ajouté dans le code HTML. Pour en ajouter, sous l’onglet Général de la boîte de dialogue Configuration HTML, cliquez sur Inclure les commentaires HTML.