Accueil > Utilitaires > Faire une image MAP

Faire une image MAP


Faire une image MAP

avec MapExpert Professionnel.
Vous pouvez trouverez ce logiciel gratuit dans la rubrique « Téléchargement »

« Si vous savez faire une image,
alors, vous pouvez faire une image MAP »

Une image MAP est un ensemble constitué
d’une image où l’on va cliquer >et d’une page HTML qui va contenir les adresses URL
de destination, pour faire un menu par exemple.

Prêts, alors on y va !

Pour vous entraîner,
vous pouvez prendre l’image ci-dessous,
(clic droit, enregistrer l’image sous).

***********************

- 1 -

Ouvrir MapExpert Pro et cliquer sur Nouvelle image map,

l’assistant va s’ouvrir.
Cliquer sur « Créer une nouvelle page web… »
nommer la page qui va contenir les liens
dans le dossier que vous avez choisi.
Ici « tutmapexpert » dans le dossier « Tut Mapexpert »,
enregistrer.

***********************

Cet écran apparait.

***********************

- 2 -

Choisir l’image que vous aurez placée dans le dossier (ici menu.jpg).

***********************

***********************

***********************

***********************

- 3 -

Maintenant, on va définir les zones de l’image, (les boutons)
qui vont être actives pour les liens.
Pour ce tut, j’ai créé trois pages cible dans le dossier:

- « lien1.htm » – « lien2.htm » – « lien3.htm » -
vous devrez faire de même pour cet exemple.

Sélectionner « Région rectangle ».

***********************

Délimiter la zone,

l’écran suivant s’ouvre.

inscrire l’url de destination dans le champ prévu,

ici: « lien1.htm », elle est dans le même dossier.

Mais vous pouvez par exemple noter une url complète:

http://www.votresite.com ou

http://www.lesiteducopain.com/pageperso.htm

***********************

- 4 -

Pour faire de même avec les trois boutons,

répéter l’ étape 3 pour chaque bouton

en donnant les autres url de destination.

Les zones hachurées sont les zones actives.

***********************

- 5 -

Enregistrer

***********************

- 6 -

Aller dans l’explorateur.

***********************

Cliquer sur la capture pour tester ce tut.


Partager :
  • Facebook
  • Twitter
  • Google Bookmarks
  • Add to favorites
  1. Pas encore de commentaire
  1. Pas encore de trackbacks

Site déposé sur CopyrightFrance.com