Introduction
Découverte
Créer des pages
Réaliser des pages
Les spécialités de Dreamweaver
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons examiner comment réaliser une barre de menu complète avec des images différentes et des effets de rollover en utilisant HTML et CSS. Le processus inclut la configuration des balises OL et LI, ainsi que l'application des propriétés de style nécessaires pour l'affichage correct des images.
Nous verrons comment attribuer des identifiants uniques à chaque lien (A1, A2, A3, A4) pour définir les tailles et positions spécifiques à chaque onglet. Cette méthode est similaire à celle employée pour la barre de menu du site Apple.
La leçon aborde également l'utilisation des quatre états des liens (A-Link, A-Over, A-Visited, A-Active) pour obtenir quatre niveaux de navigation dans notre menu, et met en lumière l'importance de conserver les textes pour garantir l'accessibilité aux navigateurs pour les personnes malvoyantes.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Apprendre à créer une barre de menu avec des images
- Comprendre la gestion des effets de rollover en CSS
- Assurer l'accessibilité du menu aux navigateurs pour personnes malvoyantes
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML et CSS, ainsi que des notions en design web.
Métiers concernés
Les compétences abordées dans cette vidéo sont particulièrement utiles pour les métiers de développeur web, designer UX/UI, et intégrateur web.
Alternatives et ressources
En alternative à HTML et CSS, vous pouvez utiliser des frameworks CSS comme Bootstrap ou des constructeurs de sites web avec des fonctionnalités de menu intégrées.
Questions & Réponses
Je m'abonne