Qu'est-ce qu'un bouton de survol ?

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, over et down. L'état normal apparaît lorsque votre souris n'est pas sur le bouton, l'état survolé s'applique lorsque votre souris survole le bouton et l'état enfoncé 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 relevé, enfoncé, plat ou animé lorsqu'un utilisateur clique dessus.

Utilisations

Les boutons de survol sont principalement utilisés comme boutons de navigation sur une page Web pour diriger les gens 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, ce qui fait comprendre à l'utilisateur qu'il s'agit d'éléments actifs sur la page. Les concepteurs Web peuvent ajouter des effets sonores qui joueront 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 de fichier d'un bouton de survol doit être petite. Étant donné que les boutons de survol sont des images, ils peuvent rapidement occuper de l'espace supplémentaire sur le serveur Web et augmenter le temps de chargement.

Programmes associés

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.