Comment faire des boutons de renversement dans Fireworks

Comment faire des boutons de renversement dans Fireworks


Un bouton de substitution est un élément interactif sur votre site Web qui change son look. Après chargement de la page, le bouton apparaît dans un style particulier, mais que l'utilisateur déplace sa souris sur cet élément, il change visuellement de reconnaître qu'il se livre cette fonction. Et, comme des liens, ce bouton amène l'utilisateur à un emplacement sur le web quand il est cliqué. Feux d'artifice à la demande d'Adobe fournit des outils qui vous permettent de créer et de renversements de conception.

Instructions

1 Lancez votre application Fireworks. Sélectionnez "Nouveau" dans le menu "Fichier" pour créer un nouveau projet.

2 Cliquez sur la forme de rectangle sur l'inspecteur "Propriétés". Faites glisser votre souris sur la fenêtre de conception jusqu'à ce que la forme est la taille que vous voulez.

3 Cliquez sur le bouton "Couleur de remplissage" et sélectionnez une nuance pour votre bouton. Cliquez sur l'outil "Texte" (présentée comme un «A» majuscule lettre) dans l'inspecteur "Propriétés" et entrez le contenu de votre bouton. Vous avez maintenant créé le bouton dans son état "up", ce qui est de savoir comment il affiche d'abord sur la page.

4 Cliquez sur l'option "Cadres" sous le menu "Windows", puis cliquez sur l'onglet "Cadres" qui apparaît. Cliquez sur le bouton "Options" près du "Pages et Couches et cadres" titre et sélectionnez l'option "Frame Duplicate" pour créer un bouton en double pour l'effet de survol.

5 Cliquez sur l'option "Frame 2" qui apparaît dans la fenêtre "Frames" pour faire apparaître le bouton copié. Utilisez l'inspecteur "Propriétés" pour le style le bouton différemment et créer un état "over". L'état "over" apparaît quand un utilisateur passe sa souris sur le bouton.

6 Sélectionnez votre bouton dans la fenêtre de conception, puis naviguez jusqu'à "Edition> Insertion> Rectangulaire Slice" sur la barre de menu Fireworks. Sélectionnez "Single Slice" dans la boîte de dialogue qui apparaît. Cliquez sur le bouton pour le sélectionner et entrer une adresse Web dans le champ de texte "Link" "Propriétés" de l'inspecteur pour déterminer où le bouton prend le visiteur quand il clique sur le bouton.

7 Cliquez sur l'option "Comportements" sous le menu "Fenêtre" déroulante et puis cliquez sur le signe plus. Sélectionnez l'option "Rollover simple" dans le menu qui apparaît. Cliquez sur l'onglet «Aperçu» en haut de la fenêtre de conception pour tester votre bouton de substitution.

8 Cliquez sur l'option "Exporter" dans le menu "Fichier". Sélectionnez "HTML et Images" dans le menu "Exporter" drop-down pour enregistrer une page HTML avec votre bouton de retournement ou de choisir les "Images Only" option pour enregistrer simplement l'image de bouton avec l'effet de survol.