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 sur
2 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 sur
3 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 sur
2 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'onglet
2 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
