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
son et musique [Divers]
Bonjour. [Présentez-vous]
peut on découvrir qui visionne vos messages et con... [Divers]
au recours [A l'aide !]
Windows Live Messenger avec Mozilla Firefox [Autre]
Aide Petit bon homme blanc [Livres / BD / Comics]
Problèmes pilotes graphiques... [Portables]
Aide Petit bon homme blanc [Divers]
Améliorer affichage Accueil site spip191, MERCI de... [HTML / CSS / Javascript]
Nouveau membre, présentation... [Présentez-vous]
un câble réseau est débranché [Réseau local]
problème [HTML / CSS / Javascript]
première visite et besoin d'aide [A l'aide !]
Ecran Bleuuuuu Aide SVP [A l'aide !]
perte de mon mot de passe windows 2000 [A l'aide !]
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
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD