@ccueil
Seconde
Première
Terminale
BTS
Informatique
Signal
Math@ppliquées
Logique
Divers
 
next up previous
suivant:

Image cliquable




Avec The Gimp, on peut aisément réaliser une image avec des zones cliquables distinctes. Par exemple, l'image suivante contient une seule zone cliquable particulière, le lycée, avec un lien direct vers le site approprié (cliquer sur le lycée renvoie vers la page adéquate).
Lycée Odilon Redon

Ouvrir l'image souhaitée avec The Gimp (Fichier -> Ouvrir).
Sélectionner alors simplement: Filtres -> Web -> Image cliquable Web.

Une fenêtre s'ouvre alors contenant, entre autre, l'image précédente:
Sélectionner l'icone rectangulaire sur la gauche; il permet de sélectionner une zone rectangulaire sur l'image.
Une fois cette sélection effectuée, une boîte de dialogue s'ouvre:

On peut spécifier dans le champ URL le lien vers la page souhaitée (un lien vers une page sur le web, ou une page locale de son choix).
De retour à la fenêtre précédente, on peut définir autant de zones qu'on le souhaite, en spécifiant à chaque le lien de son choix.
Une fois toutes les zones et leur lien définies, il ne reste plus qu'à enregistrer l'image et sa "carte de liens": enregistrer le tout avec l'extension html.
La page est alors accessible à partir de tout navigateur.
Si on souhaite intégrer cette image cliquable dans une autre page web, il suffit de copier/coller les quelques lignes de code générées par The Gimp dans la page de son choix à l'emplacement souhaité.