Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 1 036 253 ]
Votre IP fleche [ 38.107.191.116 ]
Vous êtes ici : Home Page Cours HTML ImageMap 2
Imprimer le document Version Imprimable

Informations Générales

[425] Posts sur le forum
[453] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 3 Invités
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

Alsacreations
Dreamseed
L'éditeur JavaScript
DicoDuNet
Noogle
Tutopla.net
Page précédente | Page suivante

ImageMap (page2) : Exercice

Donnée de l'exercice

Réaliser manuellement l'ImageMap ci-dessous :

  • récupérez, dans votre répertoire, l'image "dgr_map.gif" en cliquant ici.
  • placez-la en image en-ligne dans une page HTML, et définissez dans cette page des liens sur les zones sensibles (entourées de rouge) suivantes en relevant les coordonnées avec l'application "PaintShop Pro" sous Windows :
    • texte et bâtiment "Polydôme" : lien vers un fichier polydome.html
    • texte "Génie Civil" : lien vers http://dgcwww.epfl.ch
    • texte et bâtiment "Génie Rural" : lien vers http://dgrwww.epfl.ch
    • reste de l'image : lien vers http://www.epfl.ch
Polydôme Polydôme Génie Civil Génie Rural Génie Rural

Corrigé de l'exercice

Relevé des coordonnées des zones sensibles de l'image :

ZoneTypeCoordonnéesLien
Bâtiment Polydôme CIRCLE centre (413,248) rayon 34 polydome.html
Texte "Polydôme" RECT angles (363,180) (454,201) polydome.html
Texte "Génie Civil" RECT angles (12,23) (69,64) http://dgcwww.epfl.ch/
Texte "Génie Rural" RECT angles (183,118) (240,162) http://dgrwww.epfl.ch/
Bâtiment Génie Rural POLY angles (159,160) (203,184) (276,142) (328,176) (202,251) (108,193) http://dgrwww.epfl.ch/
Reste de l'image DEFAULT (toute l'image) http://www.epfl.ch/

ce qui donne le code HTML suivant :

<img src="dgr_map.gif" usemap="#map_dgr" alt="map">
<map name="map_dgr">
   <area shape="circle" coords="413,248,34" href="polydome.html" alt="Polydôme">
   <area shape="rect" coords="363,180,454,201" href="polydome.html" alt="Polydôme">
   <area shape="rect" coords="12,23,69,64" href="http://dgcwww.epfl.ch/" alt="Génie Civil">
   <area shape="rect" coords="183,118,240,162" href="http://dgrwww.epfl.ch/" alt="Génie Rural">
   <area shape="poly" coords="159,160,203,184,276,142,328,176,202,251,108,193" href="http://dgrwww.epfl.ch/" alt="Génie Rural">
   <area shape="default" href="http://www.epfl.ch/" alt="Génie Rural">
</map>
Page précédente | Page suivante
Haut de page