Un bouton de survol est un bouton Web dynamique qui change d'apparence en fonction de l'emplacement du pointeur de la souris de l'utilisateur. Il contient trois états: normal, dessus et bas. L'état normal apparaît lorsque votre souris n'est pas sur le bouton, l'état supérieur s'applique lorsque votre souris survole le bouton et l'état bas s'applique lorsque vous cliquez sur le bouton.
Types et utilisations
Les boutons de survol se présentent sous différentes formes, tailles, couleurs et styles. Étant donné que les images peuvent être converties en boutons de survol, un bouton de survol peut également contenir des images. Un bouton de survol peut être surélevé, enfoncé, plat ou animé lorsqu'un utilisateur clique dessus.
Vidéo du jour
Les usages
Les boutons de survol sont principalement utilisés comme boutons de navigation sur une page Web pour diriger les personnes vers d'autres emplacements. Ils sont également utilisés dans les menus déroulants et contextuels. D'autres boutons de survol sont utilisés pour les effets animés et les sons, de sorte qu'une image, une couleur, une forme, un texte ou un son peuvent changer lorsque l'utilisateur survole le bouton sur le Web.
Avantages
Les boutons de survol étendent la fonctionnalité normale d'un bouton. Non seulement ils sont visuellement attrayants, mais les boutons de survol sont également dynamiques, altérant l'utilisateur au fait qu'ils sont des éléments actifs sur la page. Les concepteurs de sites Web peuvent ajouter des effets sonores qui seront joués si un utilisateur déplace sa souris sur ces boutons. Lorsqu'ils sont utilisés dans des menus déroulants ou contextuels, les boutons de survol permettent d'économiser de l'espace de navigation.
Taille suggérée
La taille du fichier d'un bouton de survol doit être petite. Les boutons de survol étant des images, ils peuvent rapidement occuper de l'espace supplémentaire sur le serveur Web et augmenter le temps de chargement.
Un bouton de survol peut être créé avec un logiciel de retouche d'image, tel qu'Adobe Photoshop, Image Ready, Flash et Fireworks. Des logiciels d'édition Web tels que Dreamweaver et Microsoft Visual Studio Developer peuvent également être utilisés pour créer des effets de bouton de survol. Un bouton de survol peut également être codé en dur dans un fichier Web avec JavaScript ou CSS ou en utilisant des générateurs de boutons de survol en ligne.
