Procédure de création d'un bouton de survol dans Fireworks CS5 - vous pouvez créer des boutons interactifs dans Adobe Fireworks sous

Vous pouvez créer des boutons interactifs dans Adobe Fireworks Creative Suite 5 pour créer un bouton de survol - un bouton qui change lorsqu'un pointeur de la souris passe par-dessus.

Créer l'art de base

D'abord, vous devez créer l'art de base pour le bouton (pour cet exemple, le bouton est un rectangle arrondi, mais vous pouvez substituer une autre forme).:

1. Cliquez et maintenez enfoncé l'outil Rectangle dans la section Vecteur du panneau Outils, puis sélectionnez Rectangle arrondi dans la liste des outils masqués

2. Cliquez et faites glisser dans l'espace de travail pour créer une forme.

   N'importe quelle taille convient pour cet exemple

3. Choisissez Fenêtre → Styles pour ouvrir le panneau Styles

4. Choisissez un style dans la liste déroulante

   Par exemple, sélectionnez Plastique Styles.

   Ce bouton de base est ce que l'utilisateur voit initialement sur votre page Web

   

Ajouter un comportement de survol

Pour ajouter un comportement de survol au bouton et c Réagissez la version de l'illustration de bouton que les utilisateurs verront lorsque les pointeurs de la souris la traversent. Procédez comme suit:

1. Sélectionnez la forme de rectangle arrondie que vous avez créée dans la section précédente, puis cliquez avec le bouton droit de la souris pour sélectionner Insérer une découpe rectangulaire.

   La forme est mise en évidence, indiquant qu'un hotspot a été créé.

   

2. Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Mac) sur le centre de la découpe et choisissez Ajouter un comportement de survol simple dans le menu contextuel.

   

3. Choisissez Fenêtre → Etats pour ouvrir le panneau États.

4. Dans le menu du panneau Etats, choisissez Dupliquer l'état.

   

   La boîte de dialogue Etat en double apparaît. Conservez les paramètres par défaut lorsque l'état 1 est inséré après l'état actuel.