Pour rendre plus sympathique l’accès à vos pages Web, nous vous proposons de créer des liens non pas sur des boutons ou sur des mots, mais dans des zones cliquables à l’intérieur d’une grande image.Voici comment insérer l’image, créer les zones cliquables et vérifier leur fonctionnement.Remarque : nous partons du principe que les pages vers lesquelles pointent les liens sont déjà créées, et que votre site Web est ouvert dans FrontPage.
Etape 1 : affichez l’image
1 Dans une nouvelle page Web que vous aurez préalablement sauvegardée, insérez l’image qui va contenir les liens. Pour cela, cliquez à l’endroit où doit apparaître l’image dans la page et, dans la barre d’outils en haut
de l’écran, sur le bouton2 Recherchez l’endroit où se trouve l’image, puis cliquez sur son nom et sur Insérer. Ici, nous avons choisi la carte de France (voir l’illustration 1).3 Si l’image est trop grande pour la page, double-cliquez dessus. Cliquez sur l’onglet Apparence, puis cochez la case Spécifier la taille. Vérifiez que la case Conserver les
proportions est cochée, et tapez une valeur dans la zone Largeur. La valeur de la zone Hauteur s’adapte automatiquement à la modification pour que la photo ne soit pas déformée. Cliquez sur OK.
Etape 2 : délimitez la zone
1 Cliquez sur l’image pour la sélectionner. Dans la barre d’outils Images, le logiciel propose trois formes de zone réactive : rectangulaire, circulaire ou polygonale. Ici, choisissez la zone polygonale
pour tracer des lignes successives :2 Placez le pointeur de la souris à l’endroit où doit commencer la zone réactive, et cliquez. Un carré de couleur noire représente le premier point du polygone. Déplacez le pointeur et cliquez pour fixer un deuxième
point :Continuez jusqu’à entourer la zone. Pour fermer la sélection, double-cliquez sur le premier point.
Etape 3 : définissez le lien
1 Dès que vous fermez la sélection, une fenêtre s’affiche. Quatre types de liens sont proposés dans la zone Lien hypertexte. Ici, choisissez d’afficher une page Web qui se trouve dans votre site en cliquant
sur2 Au centre de la fenêtre, le logiciel affiche le contenu du site Web ouvert. Recherchez le nom de la page qui doit être lié à la zone. Par exemple :3 Pour que cette page s’ouvre dans une nouvelle fenêtre, cliquez sur le bouton Cadre de destination. Dans la zone Destinations usuelles, cliquez sur l’option Nouvelle fenêtre et sur
OK.4 Pour afficher une bulle d’informations lorsque le pointeur de la souris passe sur la zone réactive, cliquez sur Info-bulle et tapez le texte. Cliquez sur OK.5 Cliquez sur OK. Un contour indique la zone réactive :Pour insérer d’autres zones réactives dans l’image, refaites toutes les manipulations des étapes 2 et 3.
Etape 4 : vérifiez la zone
Sauvegardez la page et, pour vérifier les zones, choisissez dans le menu Fichier l’option Aperçu dans le navigateur.Dans la page Web qui s’ouvre, placez le pointeur dans une des zones réactives : l’info-bulle apparaît. Cliquez : la page Web choisie comme lien s’ouvre dans une nouvelle fenêtre (voir lillustration
2).
🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.
