Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires
 

 Guide

 d'utilisation

  www.aidenet.com

Page 26 -


Image MAP

 

Image MAP (réactive)

-MAP, Type d'image active qui est divisée en plusieurs zones, chacune servant de lien hypertexte lorsqu'on clique dessus. On parle aussi d'image réactive, interactive et encore à liens multiples.

 

Procédure à suivre :

Comme d'habitude, sélectionner l'image.

Puis cliquez  Editeur de lien n°9 pour ouvrir cette fenêtre.

 

fig.1 éditeur de lien

 

 Cliquez l'Onglet "Action" et nouvelle fenêtre. 

 fig.2  image à liens multiples

 

 Cette fois le bouton radio n°3 est coché et cliquez ensuite le Bouton n°4 "Modifier...", pour obtenir cette nouvelle fenêtre dans laquelle s'incruste l'image à traiter. La moitié seulement de la fenêtre "Editeur de lien" est présentée pour faciliter l'explication.

 

fig .3 image MAP ou liens multiples

1- Outil de sélection, qui une fois une zone activée par un lien, comme ci-dessus avec ses quatre carrés noirs, permet d'ajuster avec précision l'endroit choisi sur l'image.

2- Outil lien rectangulaire, pour créer des zones de forme rectangulaires.

3- Outil lien circulaire, pour créer des zones de forme rondes. ici n°17

4- Editeur de lien, pour un accès direct à l'éditeur de lien si vous souhaitez changer le nom de la cible. ici n°15

5- Déplacer lien au premier plan, si vous souhaitez déplacer les zones sans recommencer les opérations de liens.

6- Déplacer à l'arrière plan, si ....

7- Déplacer vers l'avant, si .....

8- Déplacer vers l'arrière, si.......

Premier lien :

Dans la fig.3 ci dessus après avoir sélectionné l'image n°16 retenue pour créer dans cet exemple deux liens, si vous cliquez sur le bouton n°3 pour obtenir une zone de forme circulaire le pointeur de la souris dès qu'il a été positionné sur l'image se transforme en petite croix. Il suffit alors de dimensionner la zone et dès que vous relachez la pression sur le bouton de la souris, automatiquement la fenêtre "Editeur de lien" s'ouvre (ici je le rappelle, elle a été tronquée pour les besoins de visualisation).

Vous indiquez alors dans la zone n°15 le fichier cible et vous refermez. Observez bien au n°17 que le lien porte le nom de la cible et un numéro d'ordre qui est le 1 vu que premier lien créé.

 

Deuxième lien :

fig.4 

Repère 18 : obtenu avec bouton n°2 outil rectangulaire de la fig.3, qui définit la surface qui sera réactive au passage du pointeur.
Notez que le premier lien est passé de 1 à 2, le dernier lien créé prenant toujours la tête chronologique.

Repère 19 : Ensuite comme pour le lien précédent circulaire, vous définissez la cible choisie et son nom apparaît.
Vous avez maintenant une seule image réactive sur deux zones précises.

 

 

<<< Sommaire CHP ......@...... Image MAP (fin) >>>

"Créer sa page perso"

http://www.aidenet.com

DERNIERS MESSAGES DU FORUM
Offre de pret d'argent en 72h [Autre]
Offre de pret d'argent en 72h [Autre]
Offre de pret d'argent en 72h [Divers]
Offre de pret d'argent aux particuliers [Autre]
probleme de chargement de vidéos [Internet]
Problème incredimail [Internet]
Offre de pret d'argent aux particuliers [Divers]
offre de pret serieux [Divers]
Comment faire de l'argent avec internet - dernière... [Autre]
Les études et le marché du travail [Etudes et travail]
Comment faire de l'argent avec internet [Autre]
témoignage d'un pret reçu [Autre]
probleme calque gimp [A l'aide !]
l'utilite de la proprite css input [HTML / CSS / Javascript]
Aide financier à tous ( votre prêt d'argent entre... [Autre]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com