L'un des aspects les plus importants du développement de sites Web et de logiciels est la création de menus. Un beau menu coulissant reste une référence pour de nombreux propriétaires et programmeurs de sites Web. Cela peut être fait à l'aide des outils CSS et Expression Web.
Instructions
Étape 1
Ouvrez Expression Web et accédez à Gérer le style pour commencer à créer un menu déroulant et appuyez sur la touche Nouveau style. Nommez le nouveau sélecteur de style ul li. Assurez-vous que le fichier généré a l'extension dropdown.css. Pour créer un menu déroulant, spécifiez la position appropriée sur l'écran. Déterminez la largeur de chacun des éléments de menu et supprimez les points inutiles qui peuvent se trouver devant eux.
Étape 2
Exécutez l'option Disposition et définissez l'attribut Affichage. Donnez-lui une valeur Inline appropriée pour l'aligner sur l'écran. Définissez l'attribut Float sur Gauche et appuyez sur la touche Appliquer. Définissez tous les éléments de la liste sur une seule ligne. Pour les garder dans un ordre ordonné et ne pas se chevaucher, définissez l'attribut Largeur sur Position sous la forme de 150 px. Assurez-vous que tous les éléments de la liste sont de la même taille. Supprimez les points devant chaque élément en accédant à l'attribut List et en définissant le type de style de liste sur Aucun. Cliquez sur "OK" pour accepter les modifications et prendre effet.
Étape 3
Ajustez le style et la taille de la police pour le ul li. Allez dans Gérer les styles et faites un clic droit sur le ul li, en choisissant Modifier le style. Vous verrez le menu de dialogue déjà familier. Allez dans Font, sélectionnez Font-family et définissez cet attribut sur Helvetica, Arial, Sans-serif. Ajustez la taille de la police et définissez-la sur 0, 9. Définissez l'attribut Text-transform sur Majuscules. Dans l'attribut Hauteur - Position, spécifiez la hauteur exacte des éléments de menu en définissant la valeur sur 30 px.
Étape 4
Enregistrez le fichier sous le nom menu.html lorsque toutes les actions correctives sont terminées. Testez le menu que vous venez de créer dans diverses applications et navigateurs pour voir s'il fonctionne. Comme vous pouvez le voir, il n'est pas difficile de créer un tel menu.