Comment créer des Image Maps en HTML

Créer des liens imageMap
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Cours HTML5 et CSS3 / Part 1
Revoir le teaser Je m'abonne
5,0
Transcription

39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
5,0
39,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

L'objectif de cette vidéo est de maîtriser la création d'image maps en HTML, d'apprendre à utiliser des outils pour définir les coordonnées des zones clics, et de comprendre les bonnes pratiques en termes d'accessibilité.

Apprenez à créer des image maps en HTML, permettant de rendre certaines zones d'une image interactives avec des liens définis.

Dans cette leçon, nous explorons la création d'image maps en HTML. Une image map permet de rendre certaines zones d'une image interactives avec des liens spécifiques. Nous commençons par insérer une image et utiliser des outils pour définir les coordonnées des zones cliquables, comme Dreamweaver ou des sites spécialisés tels qu'imagemaps.com. Une fois les coordonnées obtenues, nous les intégrons dans notre code HTML, en veillant à les relier correctement via l'attribut usemap. Nous discutons également des aspects d'accessibilité de cette technique, soulignant les limitations pour les personnes malvoyantes ou aveugles. Finalement, nous voyons comment tester notre image map dans un navigateur pour vérifier son bon fonctionnement.

Voir plus
Questions réponses
Quels outils peuvent être utilisés pour définir les coordonnées des zones cliquables d'une image map?
Des outils tels que Dreamweaver, GIMP ou des sites spécialisés comme imagemaps.com peuvent être utilisés pour définir les coordonnées des zones cliquables d'une image map.
Pourquoi l'accessibilité est-elle une considération importante lors de l'utilisation des image maps?
L'accessibilité est cruciale car les image maps peuvent poser des défis aux personnes malvoyantes ou aveugles, rendant la navigation difficile sans descriptions textuelles appropriées.
Quelles sont les étapes principales pour intégrer une image map dans une page HTML?
Les étapes principales sont : insérer l'image dans la page HTML, définir les zones cliquables avec les coordonnées, ajouter l'attribut usemap à l'image et intégrer les balises map et area avec les coordonnées spécifiques et les liens.
8 commentaires
5,0
8 votes
5
4
3
2
1
Polyores
Il y a 1 year
Commentaire
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
ralahoul
Il y a 1 year
Commentaire
Une formation très intéressante et très bien construite.
eric.gk78
Il y a 3 years
Commentaire
excellent, compréhensible pour les débutants
alexwebtv
Il y a 3 years
Commentaire
Très bonne formation .
gabamano85
Il y a 3 years
Commentaire
Très belle présentation et facile à comprendre même pour un novice.
olivier_89
Il y a 4 years
Commentaire
explication très organisée et simple de comprendre pour les débutants
a.platiau_1
Il y a 4 years
Commentaire
Super formation. Très claire et très bien organisée.
ezerrou
Il y a 4 years
Commentaire
est ce la 2éme partie existe sur ce cours?