Animer un élément de page

Vous pouvez appliquer des effets d'animation en HTML Dynamique (DHTML) sur la
plupart des éléments d'une page — texte, paragraphes, images, boutons, textes
défilants, etc. — et rattacher l'effet à un événement déclencheur, comme cliquer
sur la souris, pointer avec la souris, charger une page, etc. Vous pouvez créer
une animation qui permet de faire voler le texte depuis la droite lors du
chargement de la page, comme dans l'exemple suivant :

L'animation DHTML permet à ce texte de s'envoler depuis la droite lors du
chargement de la page.




Sélectionnez l'élément de page que vous souhaitez animer, puis cliquez sur
Effets DHTML dans le menu Format.

La barre d'outils Effets DHTML est affichée.



Dans la case Activer, cliquez sur le bouton pointant vers
le bas, puis sélectionnez l'événement qui déclenchera l'animation :




Pour démarrer l'animation lorsqu'un visiteur du site pointe sur l'élément de
la page puis clique sur le bouton gauche de la souris, sélectionnez
Cliquer sur.

Pour démarrer l'animation lorsqu'un visiteur du site pointe sur l'élément de
la page puis double-clique, sélectionnez Double-cliquer.

Pour démarrer l'animation lorsqu'un visiteur du site pointe sur l'élément de
la page et y reste, sélectionnez Pointer avec la souris.

Pour démarrer l'animation lorsque la page est chargée sur le navigateur d'un
visiteur du site, sélectionnez Chargement de page.


Remarque Les événements listés dans la zone
Activer dépendent du type d'élément de page sélectionné.



Dans la case Appliquer, cliquez sur le bouton pointant vers
le bas, puis sélectionnez le genre d'effet d'animation que vous souhaitez :



Pour appliquer une animation qui déplace un élément de page, cliquez sur
Passage, Goutte-à-goutte par mot,
Élastique ou bien une des autres animations de mouvement.

Pour appliquer une animation qui modifie l'apparence de l'élément de page,
comme changer la couleur d'une police ou mettre un effet de bordure, cliquez sur
Mise en forme.

Si vous avez sélectionné une image, pour appliquer une animation qui permute
une image avec une autre, cliquez sur Substituer l'image.



Remarque Les effets listés dans la zone
Appliquer dépendent du type d'élément de page sélectionné et du
type d'événement sélectionné lors de l'étape 2.



Dans la zone Choisir les paramètres, cliquez sur le bouton
pointant vers le bas, puis choisissez les paramètres pour l'effet :



Si vous avez appliqué une animation de Passage à l'étape 3,
sélectionnez la direction ou le type de mouvement, tel que De
gauche ou De l'angle supérieur droit par mot.

Si vous avez appliqué une animation de Mise en forme à
l'étape 3, sélectionnez Police pour changer le style, la
taille, la couleur, les effets ou l'espacement des caractères de la police, ou
bien sélectionnez Bordure pour changer la bordure ou la trame.

Si vous avez sélectionné une image et un effet avec Substituer
l'image à l'étape 3, cliquez sur Image puis
sélectionnez l'image à permuter dans l'événement que vous avez sélectionné à
l'étape 2.


Remarque Les paramètres listés dans la zone Choix
des paramètres dépendent du type d'élément de page que vous avez choisi
ainsi que du type d'effet que vous avez sélectionné dans la zone
Appliquer.



Conseils




Le meilleur moyen de déterminer le type d'animation souhaité est de
l'expérimenter en appliquant les différents événements et effets et en affichant
un aperçu de la page dans un navigateur. Pour afficher un aperçu de la page,
cliquez sur l'onglet Aperçu, ou cliquez sur Aperçu dans
le navigateur dans le menu Fichier.




Pour supprimer un effet, cliquez sur Supprimer l'effet dans
la barre d'outils Effets DHTML. Vous pouvez également supprimer
une animation en mode Page en sélectionnant l'élément de page et en appuyant sur
CTRL+ESPACE.

Vous pouvez copier une animation d'un élément de page à un autre en
utilisant Reproduire la mise en forme. Sélectionnez l'élément
dont vous voulez copier l'animation, cliquez sur Reproduire la mise en
forme, puis cliquez sur l'élément de page vers lequel vous souhaitez
appliquer l'animation.

Vous pouvez appliquer des effets multiples à la plupart des éléments de
page. Par exemple, vous pouvez animer du texte de passage de gauche à droite
lorsque la page est chargée, puis ajouter une bordure autour du texte qui
s'affiche lorsqu'un visiteur