Comment créer capotage menus déroulants dans dreamweaver

Ouvrez Dreamweaver.

La phase de conception du site est terminée dans un programme de graphiques. Cela inclut la navigation pour le site. Toutes les sections principales sont nommés par exemple- sur nous, services, contact. Dans cet exemple, la navigation sera horizontale.

Ouvrez la page qui aura 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 principal de Dreamweaver, sélectionnez "Insérer" puis "Image". Une fenêtre apparaît 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. L`un des éléments de menu auront besoin pour devenir une section qui mettra en vedette le roulement et afficher le menu déroulant. Dans cet exemple, la catégorie de roulement sera "A propos de nous." Recherchez le menu des propriétés dans Dreamweaver. Elle est généralement située 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 de sorte que le carré bleu apparaît autour de l`élément de menu de survol. Par exemple, l`élément de menu "About Us" serait sélectionné.

Dans le menu principal 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é sur la partie supérieure gauche. Un menu sera ouvert et les sélections seront répertoriés. Choisissez "Afficher Pop-Up Menu." Cela va ouvrir une fenêtre séparée.

Maintenant que le menu Afficher Pop-Up est ouverte, les éléments de la liste peuvent être créés. Dans la fenêtre, il y a quatre onglets. Sélectionnez «Contenu». Dans le champ de texte, entrez le nom de la page qui sera affiché dans le menu déroulant. Par exemple, «Histoire» serait inscrite sous la rubrique «A propos de nous." Dans le champ Lien, entrez le nom de fichier pour 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 à inscrire dans la liste déroulante. Les noms de page et les noms de fichiers seront listés dans la fenêtre.

Une fois que les pages ont été répertoriés, sélectionnez l`onglet "Apparence" 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 l`onglet "Position". Sélectionnez "Below" pour diriger les éléments de menu pour descendre au-dessous de la barre de navigation. Sélectionnez «OK» pour fermer la fenêtre de menu.

Aperçu du menu dans une fenêtre de navigateur pour afficher le menu déroulant rollover terminée.