Création de pages Web

Images à zones cliquables avec GIMP

Le but est de créer automatiquement un code html en partant d'une image quelconque. Ce code (enregistré au format html) permet de rendre actives certaines zones de l'image, créant un ou plusieurs hyperliens.

Démarche

  1. Lancer le logiciel The GIMP : Menu Démarrer / Programmes / GIMP / GIMP 2
  2. Ouvrir l'image dont on souhaite rendre des zones cliquables
  3. Vérifier ou adapter la taille de l'image : Image / Échelle et taille de l'image...
  4. Activer le filtre dédié : Filtres / Web / Image cliquable (Imagemao)...
  5. Choisir la forme la mieux adpatée et l'appliquer sur l'image (double-clic pour terminer la sélection en mode Polygone)
  6. Compléter les champs de l'onglet Lien et Valider.
  7. Enregistrer le document (ce sera au format HTML, donc avec une extension .htm ou .html)
  8. Ouvrir ce document dans NVU/KompoZer et en récupérer le code (copier/coller)

Attention : si ça ne marche pas, il est possible qu'il faille corriger les chemins vers les images (dans le code source).