Comment créer des boutons interactifs de survol dreamweaver

Instructions

1. Concevez votre barre de navigation ou de l`interface de page Web dans votre éditeur d`image favori. Gardez les éléments qui ne changent jamais sur une seule couche. Déplacer les couches avec des éléments qui ne changent jamais à un calque nommé "Fixé" et les éléments qui vont changer avec le roulement à une seconde couche nommé "État normal." éléments de l`interface de roulement pourraient comprendre l`arrière-plan, le texte, les barres de boutons ou des effets spéciaux appliqués à la couche.

2. Dupliquer le "Fixé" calque et nommez "Rouler." Apportez toutes les modifications que vous souhaitez apporter à refléter le nouvel état de renversement. Masquer le "Rouler" couche.

3. 
   
   
   
   

   Sélectionnez l`outil Web de tranche de l`éditeur d`image. Trancher chaque bouton et nommez-le avec tranche d`options de la palette (ou outils) du logiciel. Vous devez également être en mesure d`ajouter le lien URL dans le logiciel de retouche d`image. Sinon, vous pouvez l`ajouter dans Dreamweaver.

4. Exporter l`image en tant que document HTML avec des tranches (il est important que le "Rouler" couche ne pas être visible à ce stade). Vérifiez le nouveau fichier HTML dans un navigateur pour vous assurer que toutes les tranches sont visibles. Quand vous savez que les œuvres de fichiers HTML d`origine, montrer la "Rouler" couche et cacher la "Etat normal" couche. Sélectionnez les tranches de boutons seulement et les exporter sous forme "Tranches sélectionnées uniquement" à un sous-dossier dans votre dossier d`images.

5. Ouvrez le fichier HTML dans Dreamweaver. Vous devriez voir votre image entière rassemblée dans la fenêtre de document. Sélectionnez le bouton tranche pour révéler la limite de cellule de tableau.

6. Ouvrez la palette Comportements. Clique sur le "+" icône et choisissez "Swap image" dans le menu déroulant pour ouvrir le dialogue d`échange d`image. Double-vérifiez que le bouton droit est sélectionné, et vérifier la "images Précharger" et "Restaurer les images sur la souris Out" options. Clique le "Feuilleter" bouton pour trouver la tranche d`image que vous avez enregistré pour l`état de renversement.

7. Aperçu de la page Web dans votre navigateur. Si tout fonctionne correctement, vous pouvez enregistrer la page web et le télécharger sur votre serveur.