Tutoriel concis de Dreamweaver 4 (8. Ajouter des effets interactifs aux pages Web 2)
Auteur：Eve Cole
Date de mise à jour：2009-05-30 18:35:33
8. Ajoutez des effets interactifs aux pages Web
Créez des effets interactifs plus complexes
Dans Dreamweaver, des effets plus complexes sont obtenus grâce à une fonction appelée Comportements qui signifie littéralement « comportement », que nous appelons également réponses aux événements. Grâce aux modifications des éléments de la page Web, tels que les mouvements de la souris, les clics et autres « événements » (Événements), le déclenchement de fenêtres contextuelles, la fermeture de la page et d'autres « réponses » (Actions), il s'agit d'une réponse événementielle. Et heureusement, la réalisation de « The Act » est presque infaillible.
Appuyez sur Maj+F3 pour ouvrir le panneau de comportement, comme indiqué ci-dessous :
L'ajout d'un comportement à une page Web nécessite les trois étapes suivantes :
1. Sélectionnez les éléments qui génèrent le comportement, tels que les images, le texte avec des liens, les calques, etc. Si vous souhaitez que l'effet commence à apparaître dès le chargement de la page, vous pouvez sélectionner Étiquette 2 dans la barre d'état et appuyer sur
Le bouton sélectionne une réponse (différents éléments ont des réponses correspondantes différentes) et définit les propriétés de cette réponse dans la boîte de dialogue suivante. Voici une description des réponses qui peuvent être sélectionnées :
Appeler JavaScript : appeler un morceau de JavaScript ;
Modifier la propriété : modifiez le style CSS de la balise HTML ;
Vérifier le navigateur : saisissez différentes pages selon les différents navigateurs ;
Vérifier le plugin : vérifiez si le navigateur dispose des plug-ins nécessaires ;
Contrôler Shockwave ou Flash : Contrôlez la lecture de l'animation Shockwave ou Flash ;
Faire glisser le calque : permet au spectateur de faire glisser des éléments dans le calque ;
Aller à l'URL : lien vers l'URL spécifiée ;
Menu de saut, menu de saut Go : menu de saut et bouton Go ;
Ouvrir la fenêtre du navigateur : ouvrez une nouvelle fenêtre de navigateur ;
Jouer le son : jouer du son ;
Message contextuel : fenêtre d'avertissement contextuelle ;
Précharger les images : lisez les images à l'avance ;
Définir l'image de la barre de navigation : définissez l'image de la barre de navigation ;
Définir le texte : afficher le texte à un endroit spécifique ;
Afficher masquer le calque : afficher ou masquer le calque ;
Échanger l'image, échanger l'image Restaurer : transformer les images et restaurer les images originales ;
Chronologie : contrôlez la lecture de la chronologie ;
Valider le formulaire : vérifier l'exactitude du formulaire ;
Obtenez plus de comportements : téléchargez davantage d'événements comportementaux.
3. Sélectionnez Événements pour décider dans quelles circonstances la réponse est déclenchée. Les événements courants incluent :
onMouseOver : la souris se déplace vers la cible ;
onMouseUp : lorsque la souris est enfoncée puis que le bouton gauche est relâché ;
onMouseOut : lorsque la souris s'éloigne ;
onMouseDown : Lorsque la souris est enfoncée (pas besoin de relâcher le bouton gauche) ;
onClink : lorsque vous cliquez dessus ;
onDblClick : lors d'un double-clic ;
onLoad : lors du chargement d'une page Web ;
onUnload : en quittant la page ;
onResize : lorsque le spectateur modifie la taille de la fenêtre de navigation ;
onScroll : lorsque le spectateur fait glisser la barre de défilement.
