16.  Filtres Web

Historique des versions
Version $Revision: 1.0 $ 2006-12-27 j.h

Un seul filtre dans ce groupe pour le moment : « Carte cliquable ».

16.1.  Carte cliquable

Historique des versions
Version $Revision: 1943 $ 2006-12-27 j.h

Sur le web on utilise fréquemment des images dites sensibles (ou cliquables) avec lesquelles il est possible d'obtenir différents effets lorsque certaines zones sont « sollicitées » par le curseur de la souris. L'utilisation la plus courante est, sans doute, un lien dynamique vers une autre page web lorsqu'on clique sur une de ces zones sensibles. Ce « filtre » permet de délimiter facilement la ou les zones sensibles souhaitées dans une image. Les logiciels de création de sites web ont cette fonction en standard. Avec ce « filtre » de GIMP vous avez la possibilité de faire la même chose.

16.1.1.  Généralités

Avec ce greffon vous pouvez définir graphiquement et de façon conviviale, avec l'image visible, toutes les zones que vous voulez délimiter et de générer la partie correspondante des balises html qui doivent être incoporées dans le code html de votre page web contenant une image cliquable. Vous pouvez également définir quelques actions associées à ces zones.

Il s'agit d'un outil complexe qui n'est pas décrit complètement ici (il ressemble beaucoup à des logiciels de construction de page Web qui offrent cette fonction). Nous allons cependant en décrire les manipulations les plus courantes. Vous trouverez, si vous le souhaitez, une approche beaucoup plus complète dans Grokking the GIMP en utilisant le lien [GROKKING02].

16.1.2.  Ouverture du filtre

Depuis une fenêtre d'image, on accède à ce filtre par FiltresWebCarte cliquable.

On obtient alors l'ouverture de la fenêtre suivante :

Figure 15.291.  Fenêtre ouverte par le greffon

Fenêtre ouverte par le greffon

Exemple d'ouverture avec une image de Wilber


Cette fenêtre est de dimensions réduite ; évidemment vous pouvez l'agrandir. Les principales zones à considérer sont :

  • tout à gauche et disposées verticalement : les icônes de pointage, d'appel des outils de formes à générer, celle d'édition des propriétés et celle d'effacement de la zone ; ces fonctions peuvent également être appelées avec le menu Zones,

  • à droite de celle-ci, la zone d'affichage de l'image à traiter et dans laquelle apparaîtront les zones à délimiter ; ce sera votre zone de travail,

  • à droite encore, un arrangement vertical d'icônes dont l'utilisation est évidente ; leur survol avec le pointeur de souris fait apparaître une bulle d'information,

  • enfin encore plus à droite une zone d'affichage, sous forme de liste, des propriétés des zones crées. Un clic sur l'un des articles de la liste permet de sélectionner la zone correspondante dans la zone de travail.

16.1.3.  Options

Dans le menu ÉditerPréférences vous pouvez choisir dans les différents onglets certaines options utiles pour le web.

Dans le menu Afficher vous avez la possibilité de travailler en niveaux de gris.

Dans le menu Outils vous pouvez créer des guides et même des zones rectangulaires régulièrement espacées.

Figure 15.292.  Options du filtre Carte cliquable

Options du filtre Carte cliquable

Exemple de zones circulaire et polygonale


Lorsque vous sélectionnez une zone dans la liste, le contour correspondant est également sélectionné dans la zone de travail et vous pouvez alors le modifier.

[Attention] Attention

Contrairement à d'autres filtres, ce greffon ne produit pas d'image mais un fichier texte. Pour enregistrer votre travail vous devez donc le faire dans un format texte.

[Astuce] Astuce

Dans le greffon vous pouvez ouvrir le fichier texte sauvegardé. Les zones définies dans le fichier seront alors superposées à votre image ; si celle-ci n'est plus l'originale ou si elle n'est pas de la même taille, GIMP vous demandera si vous voulez adapter l'échelle.