OVH Cloud OVH Cloud

Une image map

12 réponses
Avatar
MArco
Bonjour, je sais que ce n'est pas le bon NG mais je n'ai pas trouver de NG
qui me permette d'avoir une réponse rapide au vu de leur fréquentation.
Je cherche un petit soft simple pour mapper une image en html.
Vous connaissez?
Marco

10 réponses

1 2
Avatar
Jean-Claude BELLAMY
Dans le message :%,
MArco a pris la peine
d'écrire ce qui suit :
Bonjour, je sais que ce n'est pas le bon NG mais je n'ai pas trouver
de NG qui me permette d'avoir une réponse rapide au vu de leur
fréquentation. Je cherche un petit soft simple pour mapper une image en
html.
Vous connaissez?


Pour "mapper" des images, je fais appel aux outils fournis avec "HTML
Workshop" (gratuit!!) de Microsoft

http://www.microsoft.com/downloads/details.aspx?familyid535334-c8a6-452f-9aa0-d597d16580cc&displaylang=en
ou
http://go.microsoft.com/fwlink/?LinkId188

Sous la forme d'un autoextractible HTMLHELP.EXE de 3426 ko, qui contient 43
fichiers.

Il contient tout ce qui est nécessaire (hhw.exe, hhc.exe, ...) et en
particulier "flash.exe" , qui est un "HTML Help Image Editor"
Attention, il n'existe qu'en anglais !

On sélectionne un fichier image (bmp, gif, jpeg, wmf, eps, pcx, png, tif,
tga, cur, ico, shg, dib), et avec la souris on sélectionne une région.
Le menu "Edit" / "Copy Usemap info" provoque l'ouverture d'une boite de
dialogue.
On y tape le lien associé à cette région (p.ex. href =
"http://www.microsoft.com) ,

Le résultat est alors stocké dans le presse-papier, que l'on peut coller
dans son éditeur HTML favori (notepad, frontpage, ...)
Exemple : <area shape = "rect" coords = "8,77,169,245" href =
"http://www.microsoft.com">

Au final, on va se retrouver avec ceci (exemple tiré du fichier d'aide de
"Superexec"):

<img border="0" USEMAP="#global" src="global4.jpg">
<MAP NAME="global">
<area shape = "rect" coords = "3, 43, 24, 68" href = "log.htm#Save"
alt="Enregistrement du journal">
<area shape = "rect" coords = "27, 43, 47, 68" href = "log.htm#Clear"
alt="Effacement du journal">
<area shape = "rect" coords = "59, 43, 79, 68" href = "params.htm"
alt="Paramétrage de SuperExec">
<area shape = "rect" coords = "82, 43, 102, 68" href = "admin.htm"
alt="Saisie du nom et du mot de passe Administrateur">
...
<area shape = "rect" coords = "12, 209, 197, 323" href = "users.htm"
alt="Utilisateurs">
<area shape = "rect" coords = "12, 331, 635, 492" href = "log.htm"
alt="Journal">
</MAP>



--
May the Force be with You!
La Connaissance s'accroît quand on la partage
----------------------------------------------------------
Jean-Claude BELLAMY [MVP]
http://www.bellamyjc.org ou http://jc.bellamy.free.fr

Avatar
Nina Popravka
On Tue, 17 Oct 2006 14:08:12 +0200, "Jean-Claude BELLAMY"
wrote:

Pour "mapper" des images, je fais appel aux outils fournis avec "HTML
Workshop" (gratuit!!) de Microsoft
C'est quoi, mapper des images ?

--
Nina

Avatar
Jean-Claude BELLAMY
Dans le message :,
Nina Popravka a pris la peine d'écrire ce qui suit :
On Tue, 17 Oct 2006 14:08:12 +0200, "Jean-Claude BELLAMY"
wrote:

Pour "mapper" des images, je fais appel aux outils fournis avec "HTML
Workshop" (gratuit!!) de Microsoft
C'est quoi, mapper des images ?



Affecter des hyperliens (différents) à des zones (différentes, en général
rectangulaires) d'une image.
L'utilisation typique est celle où l'on voit la carte d'un pays, et un clic
sur une région (ou département) ouvre un lien concernant la région
sélectionnée.
P.ex. le site de GeoPortail :
http://www.geoportail.fr/

En bon franglais, on dit "mapper" une image car le tableau de correspondance
entre les coordonnées relatives des zones et les liens fait appel à la
balise HTML "MAP"

<img USEMAP="#nom-du-tableau" src=lien-vers-le-fichier-image">
...

<MAP NAME="nom-du-tableau">
<area shape = "rect" coords = "x11,y11, x12,y12" href =
lien-pour-cette-région1>
<area shape = "rect" coords = "x21,y21, x22,y22" href =
lien-pour-cette-région2>
<area shape = "rect" coords = "x31,y31, x32,y32" href =
lien-pour-cette-région3>
...
</MAP>


Çà te convient, Nina ???


--
May the Force be with You!
La Connaissance s'accroît quand on la partage
----------------------------------------------------------
Jean-Claude BELLAMY [MVP]
http://www.bellamyjc.org ou http://jc.bellamy.free.fr


Avatar
Azo3
bonjour Jean-Claude et Nina

c'est donc la même chose (sic) que la création de zones sensitives sur une
image avec Frontpage (par exemple)...?

amitiés

--
Serge CENCI

MVP Microsoft WINDOWS
NB - adresse : enlever ENLEVER
"Jean-Claude BELLAMY" a écrit dans le
message de news: %
Dans le message :,
Nina Popravka a pris la peine d'écrire ce qui suit :
On Tue, 17 Oct 2006 14:08:12 +0200, "Jean-Claude BELLAMY"
wrote:

Pour "mapper" des images, je fais appel aux outils fournis avec "HTML
Workshop" (gratuit!!) de Microsoft
C'est quoi, mapper des images ?



Affecter des hyperliens (différents) à des zones (différentes, en général
rectangulaires) d'une image.
L'utilisation typique est celle où l'on voit la carte d'un pays, et un
clic sur une région (ou département) ouvre un lien concernant la région
sélectionnée.
P.ex. le site de GeoPortail :
http://www.geoportail.fr/

En bon franglais, on dit "mapper" une image car le tableau de
correspondance entre les coordonnées relatives des zones et les liens fait
appel à la balise HTML "MAP"

<img USEMAP="#nom-du-tableau" src=lien-vers-le-fichier-image">
...

<MAP NAME="nom-du-tableau">
<area shape = "rect" coords = "x11,y11, x12,y12" href =
lien-pour-cette-région1>
<area shape = "rect" coords = "x21,y21, x22,y22" href =
lien-pour-cette-région2>
<area shape = "rect" coords = "x31,y31, x32,y32" href =
lien-pour-cette-région3>
...
</MAP>


Çà te convient, Nina ???


--
May the Force be with You!
La Connaissance s'accroît quand on la partage
----------------------------------------------------------
Jean-Claude BELLAMY [MVP]
http://www.bellamyjc.org ou http://jc.bellamy.free.fr






Avatar
Nina Popravka
On Tue, 17 Oct 2006 14:31:42 +0200, "Jean-Claude BELLAMY"
wrote:

Çà te convient, Nina ???
Yep, je suis une truffe totale en HTML, tu réhausses mon niveau (et y

a du taf...)
J'ai lu que justement Geoportail avait fait un choix technologique sur
ce type d'images pas nécessairement opportun, et que les concurrents
genre ViaMichelin ou Google avaient choisi un truc de djeunz high tech
(Ajax ?) beaucoup plus efficient pour ce genre de besoins. Ce qui vu
du bout de ma souris, semble vrai.
T'en penses quoi ?
--
Nina

Avatar
Nina Popravka
On Tue, 17 Oct 2006 14:40:08 +0200, "Azo3"
wrote:

c'est donc la même chose (sic) que la création de zones sensitives sur une
image avec Frontpage (par exemple)...?


Gni ? Cause-moi français.
Quand il s'agit de weberies, faut être trés délicat avec moi :-)
--
Nina

Avatar
Jean-Claude BELLAMY
Dans le message :,
Azo3 a pris la peine d'écrire ce qui suit :
bonjour Jean-Claude et Nina

c'est donc la même chose (sic) que la création de zones sensitives sur une
image avec Frontpage (par exemple)...?


Oui, c'est strictement la même chose !
http://office.microsoft.com/fr-fr/assistance/HA011753301036.aspx

Tu n'as qu'à vérifier en affichant le code généré :

<map name="FPMap0">
<area href="........" shape="rect" coords="12, 16, 103, 68">
</map>
...
<img src=".....jpg" usemap="#FPMap0">

Je n'ai pas suggéré FrontPage comme outil, vu qu'il est payant (assez cher
!) et que c'est un ensemble complet (éditeur HTML, formulaires, ASP, DHTML,
...), alors que la question portait seulement sur l'édition de "map".

"FLASH.EXE" contenu dans HTML Workshop est gratuit (et suffisant pour ce
qu'on veut faire)

--
May the Force be with You!
La Connaissance s'accroît quand on la partage
----------------------------------------------------------
Jean-Claude BELLAMY [MVP]
http://www.bellamyjc.org ou http://jc.bellamy.free.fr

Avatar
Azo3
merci!

--
Serge CENCI

MVP Microsoft WINDOWS
NB - adresse : enlever ENLEVER
"Jean-Claude BELLAMY" a écrit dans le
message de news:
Dans le message :,
Azo3 a pris la peine d'écrire ce qui suit
:
bonjour Jean-Claude et Nina

c'est donc la même chose (sic) que la création de zones sensitives sur
une image avec Frontpage (par exemple)...?


Oui, c'est strictement la même chose !
http://office.microsoft.com/fr-fr/assistance/HA011753301036.aspx

Tu n'as qu'à vérifier en affichant le code généré :

<map name="FPMap0">
<area href="........" shape="rect" coords="12, 16, 103, 68">
</map>
...
<img src=".....jpg" usemap="#FPMap0">

Je n'ai pas suggéré FrontPage comme outil, vu qu'il est payant (assez cher
!) et que c'est un ensemble complet (éditeur HTML, formulaires, ASP,
DHTML, ...), alors que la question portait seulement sur l'édition de
"map".

"FLASH.EXE" contenu dans HTML Workshop est gratuit (et suffisant pour ce
qu'on veut faire)

--
May the Force be with You!
La Connaissance s'accroît quand on la partage
----------------------------------------------------------
Jean-Claude BELLAMY [MVP]
http://www.bellamyjc.org ou http://jc.bellamy.free.fr





Avatar
Jean-Claude BELLAMY
Dans le message :,
Nina Popravka a pris la peine d'écrire ce qui suit :
On Tue, 17 Oct 2006 14:31:42 +0200, "Jean-Claude BELLAMY"
wrote:

Çà te convient, Nina ???
Yep, je suis une truffe totale en HTML, tu réhausses mon niveau (et y

a du taf...)
J'ai lu que justement Geoportail avait fait un choix technologique sur
ce type d'images pas nécessairement opportun, et que les concurrents
genre ViaMichelin ou Google avaient choisi un truc de djeunz high tech
(Ajax ?) beaucoup plus efficient pour ce genre de besoins. Ce qui vu
du bout de ma souris, semble vrai.
T'en penses quoi ?


Je pense que la solution AGRICOLE de Geoportail est parfaite !

Ils me font toujours rigoler les snobinards avides de "high tech" mais
uniquement pour la façade, parce que çà fait "bien" dans les salons de la
Gauche-caviar ou de la Droite-rillettes (*) de dire :

"Moi môôôôssieur j'utilise la dernière version de
Super-Ajax-à-l'eau-de-JAVA-45.23.8763a-réformé-56.15g,
et non pas le bloc-notes comme ces affreux ringards,
même si çà fait le même boulot!"

Moi aussi j'aime bien la "High-tech", je suis à l'affut des nouveaux OS,
système, matériels, ..., mais uniquement pour savoir si çà apporte quelque
chose !
Si c'est pour gagner quelques yoctosecondes au détriment d'une usine à gaz
en développement, je fais un classement vertical dans /dev/null ! ;-)

Il y a quelques années, au début de l'existence de mon site, j'avais mis sur
la page d'accueil une applet JAVA de ma conception (très bien faite, si, si,
ne soyons pas modeste!) qui affichait automatiquement les nouveautés de
façon cyclique, avec des onglets multiples ...
(bien avant l'arrivée des flux RSS !)

Très joli .... et totalement inutile !
Voire agaçant pour ceux qui n'avaient pas de JVM ..

Un bête document HTML affichant la liste chronologique des nouveautés
remplit strictement la même fonction, avec 3 ou 4 fois moins de temps à
charger, et plein de précieuses minutes économisées en temps de
développement chez moi !

Je suis évidemment pour le progrès, mais à condition qu'il serve l'individu
(ou a minima qu'il ne soit pas nuisible) !
___________________________________________

(*) On utilise toujours cet oxymore de "gauche-caviar" pour stigmatiser la
contradiction de certains politiques dits "de gauche" qui sont encore plus
réacs et bourgeois que d'autres dits "de droite".
En toute objectivité, il fallait trouver la même chose pour l'autre bord !

Et je trouve que "droite-rillettes" qualifie bien les politiques dits "de
droite" qui pensent s'encanailler et faire "peuple" avec un sandwich aux
rillettes !
PS : aux habitants des régions de Tours et du Mans (entre autres) : Je n'ai
RIEN contre les rillettes, bien au contraire , j'adore çà !

--
May the Force be with You!
La Connaissance s'accroît quand on la partage
----------------------------------------------------------
Jean-Claude BELLAMY [MVP]
http://www.bellamyjc.org ou http://jc.bellamy.free.fr


Avatar
Didier
"Jean-Claude BELLAMY" a écrit dans le
message de news:
.....
Et je trouve que "droite-rillettes" qualifie bien les politiques dits "de
droite" qui pensent s'encanailler et faire "peuple" avec un sandwich aux
rillettes !
PS : aux habitants des régions de Tours et du Mans (entre autres) : Je
n'ai

RIEN contre les rillettes, bien au contraire , j'adore çà !



Bien, mais nous n'avons pas les mêmes valeurs... ;-(

1 2