support de cours
chercher à propos de ce site page précédente Acceuil page suivante
 

image bas

 

 

Dreamweaver

Calques, comportements et scenarios

Publié le 05/07/2006

Les calques (éléments PA) associés aux comportements de Dreamweaver et à la fonction scénario permettent de générer une interactivité avancée (Dhtml). Voici quelques exemples :

Comportement Afficher / masquer les calques

Le comportement Afficher / masquer les calques permet d'afficher certains calques ou d'en masquer certains autres à la demande de l'utilisateur (en cliquant ou en survolant un lien ou en cliquant sur un bouton).

Démo voir l'exemple
  voir la démo

Pour vous entraîner, vous pouvez essayer de réaliser les exemples suivants :
> Exemple 1 (afficher / masquer les calques au survol)
> Exemple 2 (afficher / masquer les calques sur un seul lien)

> Quelques conseils supplémentaires sur le comportement afficher / masquer les calques. (format pdf)

Déplacer un calque

Le comportement déplacement de calque de Dreamweaver permet à l'internaute de déplacer un ou plusieurs calques sur la page.

Démo voir l'exemple
  voir la démo

Pour vous entraîner :
> une variante de l'exemple ci-dessus, simulant le fonctionnement d'une pop-up (l'internaute peut déplacer le calque ou le fermer).
> il est aussi possible de contraindre le déplacement (tirette).

Animer un calque

La fonction scénario de Dreamweaver permet d'animer un ou plusieurs calques avec une simplicité étonnante.

Démo voir l'exemple
  voir la démo

Il est aussi possible de déclencher la lecture d'une animation grâce au comportement lire le scénario :
> exemple

Important ! La fonction Scénario n'est malheureusement plus présente dans Dreamweaver CS4.

Voir aussi

 
       

Mise à jour le 17.01.2009

 

 

stats

nav supports de cours les webliographies Testez vos connaissances