La navigation est l'une des caractéristiques les plus importantes d'un site web. Un bon site web fournit un système de navigation qui est facile à lire et à comprendre, permettant aux visiteurs de trouver ce qu'ils recherchent. Certains sites Web mettra en vedette un menu déroulant affichant dans une catégorie plus large. Utilisation de Dreamweaver, vous pouvez faire un menu déroulant retournement à intégrer dans tout site web.
Ouvrir Dreamweaver.
La phase de conception pour le site est complété dans un programme de graphiques. Cela inclut la navigation pour le site. Toutes les sections principales sont nommés par exemple- sur nous, prestations, contact. Pour cet exemple, la navigation sera horizontal.
Ouvrez la page qui auront la navigation dans Dreamweaver. Dans la fenêtre de conception ou HTML, cliquez ou sélectionnez la zone où le menu de navigation sera placé. Dans le menu en haut de Dreamweaver, sélectionnez "Insérer" puis "Image." Une fenêtre va s'ouvrir pour localiser l'image dans le dossier images. Ceci est où toutes les images pour le site doivent être stockés. Une fois l'image de menu est trouvée, sélectionnez "Choisir" pour placer l'image.
La barre de navigation principale est maintenant en place. Un des éléments de menu aura besoin pour devenir une section qui mettra en vedette le roulement et afficher le menu déroulant. Dans cet exemple, la catégorie de retournement sera "A Propos De Nous." Cherchez le menu des propriétés dans Dreamweaver. Il est généralement situé vers le bas. Si elle ne montre pas, allez dans le menu du haut et sélectionnez "Fenêtre" puis "Propriétés." Dans la fenêtre des propriétés, localisez le carré bleu vers la partie inférieure gauche du menu. Les formes bleues sont appelés Hot Spots. Sélectionnez le carré bleu. Utilisation de la souris dans la partie de la fenêtre de conception de Dreamweaver, faites glisser la souris pour le carré bleu apparaît autour de l'élément de menu de survol. Par exemple, l'élément de menu "A Propos De Nous" serait sélectionné.
Dans le menu du haut dans Dreamweaver, sélectionnez "Fenêtre" puis "Comportements." Cela va ouvrir une fenêtre sur le côté droit de Dreamweaver. Sélectionnez le signe plus situé en haut à gauche. Un menu ouvrir et sélections seront listés. Choisir "Montrer Pop-Up Menu." Cela va ouvrir une fenêtre séparée.
Maintenant que le menu Afficher Pop-Up est ouvert, les éléments de la liste peuvent être créés. Dans la fenêtre il ya quatre onglets. Sélectionner "Sommaire." Dans le champ de texte, saisissez le nom de la page qui sera affiché dans la liste déroulante. Par exemple, "Histoire" serait répertorié sous "A Propos De Nous." Dans le domaine du lien, entrez le nom du fichier de la page. Par exemple, "Histoire" pourrait être history.html. Pour ajouter une autre page dans le menu déroulant, sélectionnez le signe plus en haut de la fenêtre. Répétez cette étape pour chaque page doit être inscrite dans la liste déroulante. Les noms de page et les noms de fichiers seront listés dans la fenêtre.
Une fois les pages ont été répertoriés, sélectionnez le "Apparence" onglet pour apporter des modifications à la liste déroulante pour la police, la taille, la couleur du texte et la couleur de la cellule. Utiliser ces fonctions pour ajouter du style à la zone de liste déroulante.
Maintenant que les styles ont été appliqués, sélectionnez le "Position" onglet. Sélectionner "Dessous" pour diriger les éléments de menu pour descendre en dessous de la barre de navigation. Sélectionner "OK" pour fermer la fenêtre de menu.
Prévisualiser le menu dans une fenêtre du navigateur pour afficher le menu déroulant retournement terminé.