Création d'une Carte Image avec Dreamweaver

Réaliser une carte image avec Tuto Dreamweaver CS5
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Dreamweaver CS5
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

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

DescriptionProgrammeAvis

59,90€ Je commande

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

Les objectifs de cette vidéo sont d'enseigner:
- La création et l'utilisation de cartes images avec Dreamweaver.
- L'intégration de zones cliquables sur une image.
- La gestion des liens pour une meilleure accessibilité et compatibilité.

Découvrez comment utiliser Dreamweaver pour créer des cartes images cliquables avec des zones de lien spécifiques.

Après avoir appris à effectuer des liens internes, cette leçon se concentre sur la création de cartes images, aussi appelées image maps, en utilisant Dreamweaver. Une carte image permet de rendre cliquables différentes sections d'une image. Cela est particulièrement utile pour les descriptions interactives d'objets comme une guitare.

Nous allons créer une page de description pour une guitare avec une image préparée et trois sections distinctes : la tête, le manche et la caisse. En cliquant sur chaque section, l'utilisateur verra une nouvelle page dédiée. La leçon inclut des instructions détaillées sur l'utilisation des outils de Dreamweaver pour définir des zones cliquables et attribuer des liens appropriés, ainsi que la manière de définir des attributs pour l'accessibilité et la compatibilité avec différentes versions de DTD.

Voir plus
Questions réponses
Quels sont les outils de Dreamweaver utilisés pour créer une carte image?
Les outils utilisés incluent les icônes de flèche pointeur noir, carré, cercle et zone de polygone pour dessiner des zones cliquables sur une image.
Pourquoi est-il nécessaire de modifier la DTD lors de l'utilisation de l'attribut 'target'?
L'attribut 'target=_blank' n'est pas compatible avec la DTD stricte. Il faut modifier le type de DTD en DTD transitionnelle pour être en conformité.
Comment rendre une image cliquable sans bordure?
Il faut utiliser la balise IMG et spécifier que celle-ci n'a pas de bordure en réglant l'attribut border à zéro.

Programme détaillé