CATALOGUE Code & Data Formation XHTML/CSS Cours HTML5 et CSS3 / Part 1 - Les balises HTML et HTML5 Comment créer des Image Maps en HTML

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 - Les balises HTML et HTML5
Revoir le teaser Je m'abonne
4,9
Transcription
Cette leçon fait partie de la formation
39,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,9
Cette leçon fait partie de la formation
39,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

Introduction à la création d'Image Maps

Objectifs

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é.

Résumé

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

Description

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 fréquentes

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.
10 commentaires
4,9
10 votes
5
4
3
2
1
Anonym E.
Il y a 5 mois
Très bonne formation avec des explications claires
Profile picture for user phbernard
Philippe B.
Il y a 6 mois
M AUDOUX est un excellent formateur.
Le cours est clair tout semble limpide.
La mise à disposition des sources est un plus qui devrait être fait pour toutes les formation sur Elephorm
Profile picture for user Polyores
Polycarpe A.
Il y a 2 ans
Bravo et bravo encore. Belle méthodologie. Hâte de voir la suite de la démystification du Html
LAHOUL R.
Il y a 2 ans
Une formation très intéressante et très bien construite.
CSE C.
Il y a 4 ans
excellent, compréhensible pour les débutants
Profile picture for user alexwebtv
Cedric S.
Il y a 4 ans
Très bonne formation .
YVES BORIS G.
Il y a 4 ans
Très belle présentation et facile à comprendre même pour un novice.
nitkowski o.
Il y a 4 ans
explication très organisée et simple de comprendre pour les débutants
Annabel P.
Il y a 4 ans
Super formation. Très claire et très bien organisée.
Profile picture for user ezerrou
Essaid Z.
Il y a 4 ans
est ce la 2éme partie existe sur ce cours?