Créez des liens dans une image

En définissant des zones cliquables, vous pouvez créer plusieurs liens dans une même image. Nous montrerons ici comment insérer l'image, délimiter une zone, définir le lien vers une autre page de votre site et vérifier son bon fonctionnement
Nathalie Moutreux (Carm2i)Remarque : nous partons du principe que les pages vers lesquelles mènent vos liens sont créées, et que votre site Web est ouvert dans Namo Web.

Etape 1 : insérez l'image

1 Dans le menu Insertion, cliquez sur2 Dans l'onglet Général, cliquez sur la première icône à droite de la zone Image :Pour indiquer le chemin qui mène à votre image, cliquez sur la flèche de la zone Regarder dans et sélectionnez Mes documents. En dessous, double-cliquez sur le dossier où elle est enregistrée. Par exemple sur3 Double-cliquez sur le fichier de votre image. Dans la fenêtre Propriétés de l'image, cliquez sur OK.4 Enregistrez la page en cours en appuyant simultanément sur les touches Ctrl et S du clavier.5 Dans la fenêtre Gestion des fichiers de ressources, laissez la première case cochée par défaut pour que le fichier de votre image soit automatiquement copié dans le dossier du site. Cliquez sur OK.

Etape 2 : délimitez la zone cliquable

1 Cliquez sur votre image pour la sélectionner. Dans la barre d'outils Image, cliquez sur la forme qui correspond à la zone à délimiter. Par exemple, pour sélectionner une zone en traçant des lignes successives, cliquez sur2 Placez le pointeur sur l'image, puis cliquez à l'endroit où commencer la sélection. Un carré représente le premier point de fixation. Déplacez le pointeur le long de la partie à délimiter et cliquez pour fixer un deuxième point :Continuez jusqu'à entourer la zone. Double-cliquez pour fermer la sélection.

Etape 3 : définissez le lien

1 Dans la fenêtre Propriétés de l'hyperlien qui s'est ouverte, indiquez vers quelle page de votre site mène ce lien. Pour cela, parmi les cinq icônes à droite de la zone Signet, cliquez sur celle du centre :2 Dans la fenêtre Sélection d'un fichier, cliquez sur celui de la page Web. Par exemple, surCliquez sur OK.3 Cliquez dans la zone Bulle d'aide et tapez un texte indiquant qu'il s'agit d'un lien et vers quoi il mène. (voir l'illustration).4 Par défaut, la page du lien remplace le contenu de la fenêtre existante. Pour que la page s'ouvre dans une nouvelle fenêtre quand l'internaute clique dessus, cochez la case Ouvrir dans une nouvelle fenêtre.5 Cliquez sur OK pour terminer.Reproduisez les étapes 2 et 3 autant de fois que vous souhaitez créer des liens sur votre image.

Etape 4 : vérifiez les liens

1 Pour vérifier le bon fonctionnement des liens, cliquez sur l'onglet2 Placez le pointeur sur l'une des zones : il prend la forme d'une main pour indiquer la présence d'un lien, et la bulle d'aide s'affiche (voir l'illustration). Cliquez pour tester le lien, une fenêtre de votre navigateur s'ouvre alors et affiche la page