Comment utiliser dreamweaver cs 3 barres de menu spry

Instructions

1. Vous avez probablement déjà commencé un site et savoir ce que les liens que vous avez besoin dans votre menu. Les exemples ici utilisent une base intégrée dans Dreamweaver CSS de mise en page. Si vous utilisez une mise en page à deux colonnes comme celles figurant dans l`image, vous voulez la barre de menu dans la barre latérale sur la gauche.

   

2. Placez le curseur où vous voulez que la barre de menu pour aller. Ensuite, cliquez sur l`icône de la barre de menu sur la barre d`insertion Spry. Une boîte de dialogue ouvre demandant si vous souhaitez faire le menu horizontal ou vertical.

   

3. 
   
   
   
   

   La barre de menu apparaît dans votre emplacement spécifié. Il utilise du faux texte comme lien 1 et Link 2 que vous pouvez personnaliser.

   

4. Alors que la barre de menu est sélectionné dans la fenêtre du document (voir l`image à l`étape 3 où le bleu en surbrillance indique la barre de menu est sélectionné), vous pouvez modifier les propriétés à l`aide de l`inspecteur des propriétés. En mettant en évidence les différents éléments dans la barre de menu, vous pouvez modifier le texte, déplacer les objets de haut en bas dans l`ordre où ils apparaissent, ajouter plus de liens ou de supprimer les liens inutiles.

   

5. Vous pouvez prévisualiser le menu dans le navigateur pour voir comment le menu fonctionne et pour vérifier le schéma de couleurs.

   

6. Regardez le Afficher le code dans Dreamweaver et vous verrez que le menu est une liste de style pour le navigateur avec CSS.

   

7. Une nouvelle feuille de style pour le widget Spry a été ajouté à votre site lorsque vous avez ajouté le widget. Pour changer le schéma de couleurs ou d`autres règles d`apparence, allez dans le panneau CSS et de modifier toutes les couleurs, tailles ou styles qui ne correspondent pas à votre site. Trouvez le style que vous souhaitez modifier et cliquez sur l`icône de crayon pour modifier le style. Apportez toutes les modifications que vous souhaitez et cliquez sur OK.

   

8. Lorsque vous avez terminé la personnalisation de la barre de menu, rappelez-vous de télécharger tous les fichiers HTML, CSS et javascript par Dreamweaver généré pour le widget Spry au serveur.