Créer un Effet de Rollover pour vos Images
Apprenez à implémenter un effet de rollover pour des images sur une page web en utilisant HTML et JavaScript.
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 découvrir comment implémenter un second menu similaire à celui qui est présent en haut de votre page web, permettant ainsi la permutation d'images. Vous allez apprendre à intégrer deux images cliquables, attribuer des identifiants uniques, et leur donner des comportements interactifs grâce à la permutation d'images. Nous expliquons également comment ajouter des liens vers des fichiers HTML et supprimer les bordures des images liées pour une meilleure esthétique visuelle. Enfin, nous vous montrons comment tester l'effet de rollover pour vérifier le bon fonctionnement des modifications.
Objectifs de cette leçon
Les objectifs de cette vidéo sont de :
- Comprendre le concept de permutation d'images.
- Savoir ajouter et configurer des comportements interactifs sur des images.
- Apprendre à tester et à garantir le bon fonctionnement d'un effet de rollover.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est nécessaire d'avoir des connaissances de base en HTML et en JavaScript.
Métiers concernés
Les compétences acquises dans cette leçon sont utiles dans des domaines tels que le développement web et le design interactif. Elles peuvent être appliquées par les développeurs front-end, les intégrateurs web, et les designers UX/UI.
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des bibliothèques JavaScript telles que jQuery ou des frameworks CSS comme Bootstrap pour gérer les effets de survol sans écrire autant de code manuel.
Questions & Réponses
