Tutoriel concis de Dreamweaver 4 (8. Ajouter des effets interactifs aux pages Web)
Auteur:Eve Cole
Date de mise à jour:2009-05-30 18:35:37
8. Ajoutez des effets interactifs aux pages Web
Créez des effets interactifs simples
Nous constatons souvent cet effet sur les pages Web. Lorsque la souris passe sur une image, l'image d'origine passe à une autre image. Une fois la souris éloignée, elle retrouve son apparence d'origine. Au début, j'ai mentionné que l'un des avantages de Dreamweaver par rapport à Frontpage est que Dreamweaver peut créer des pages Web interactives. Nous allons maintenant utiliser Dreamweaver pour créer l'effet interactif le plus simple : changer d'image.
Préparez deux images de la même taille, l'une avant le déplacement de la souris vers le haut et l'autre après le déplacement de la souris. Par exemple, dans les deux images suivantes, l'image de gauche est un bouton en relief et celle de droite. l'image est un bouton concave :
Cliquez sur le panneau Objets , vous verrez la boîte de dialogue suivante :
① Nom de l'image : le nom de balise de l'effet d'image transformé, Dreamweaver l'attribuera automatiquement ;
② Image originale : spécifiez l'image originale (par exemple, il s'agit d'une image en relief)
③ Image de survol : spécifiez l'image après avoir déplacé la souris vers le haut (par exemple, voici une image concave) ;
④ Url : l'URL du lien vers l'image ;
Par exemple, après avoir effectué les réglages comme indiqué ci-dessus, appuyez sur OK, puis appuyez sur F12 pour prévisualiser l'effet.