La plupart des sites présentent des éléments de navigation en utilisant des blocs d`options qui fonctionnent soit en haut de la page ou vers le bas l`un de ses côtés. Parce que ces structures de navigation présentent toutes les options disponibles, ils offrent une grande quantité d`informations contextuelles. Cependant, ils occupent également un espace d`écran considérable. Designers avec une quantité limitée d`espace peuvent plutôt choisir d`utiliser des menus déroulants contenant une liste d`éléments qui ne se dilate lorsqu`il est sélectionné. Créer ce genre de structure de navigation sur votre page Web en utilisant HTML et javascript.
Ouvrez votre page Web et afficher son code. Si vous utilisez un éditeur de texte, ouvrez simplement votre page dans l`éditeur et sélectionnez la ligne de code où vous souhaitez que le menu déroulant ajouté. Si vous utilisez un éditeur Web visuel à la place (par exemple Adobe Dreamweaver ou Microsoft Expression Web), ouvrez votre page et cliquez sur la page emplacement où vous voulez que le menu déroulant apparaisse. Après cela, changer votre mode de visualisation au mode Code. Cela vous montre le code HTML qui détermine le contenu et l`apparence de votre page.
appuie sur le "Entrer" clé pour créer une ligne vide.
Copiez et collez le code suivant sur la ligne blanche:
Mettre à jour les paramètres de liaison pour répondre à vos besoins de conception. Entrez le texte par défaut en haut de la liste en modifiant directement la valeur après la
Enregistrez votre page Web, puis ouvrez-le dans votre navigateur. Sélectionnez une option dans la liste déroulante puis cliquez sur le bouton adjacent pour accéder à l`élément sélectionné.
