Un dels aspectes més importants del desenvolupament de llocs web i programari és la creació de menús. Un bon menú desplegable continua sent un referent per a molts propietaris i programadors de llocs web. Això es pot fer mitjançant eines web CSS i Expression.
Instruccions
Pas 1
Obriu Expression Web i aneu a Gestiona l’estil per començar a crear un menú desplegable i premeu la tecla Estil nou. Anomeneu el nou estil Selector ul li. Assegureu-vos que el fitxer generat tingui l'extensió desplegable.css. Per crear un menú desplegable, especifiqueu la posició adequada a la pantalla. Determineu l’amplada de cadascun dels elements del menú i elimineu els punts innecessaris que hi hagi al davant.
Pas 2
Executeu l'opció Disseny i configureu l'atribut Display. Doneu-li un valor en línia adequat per alinear-lo a la pantalla. Establiu l'atribut Float a Esquerra i premeu la tecla Aplica. Establiu tots els elements de la llista en una línia. Per mantenir-los en un ordre ordenat i no superposar-se, configureu l'atribut Amplada a Posició en forma de 150 px. Assegureu-vos que tots els elements de la llista tinguin la mateixa mida. Traieu els punts que hi ha davant de cada element anant a l'atribut Llista i establint el tipus Estil de llista a Cap. Feu clic a "D'acord" per acceptar els canvis i fer-se efectius.
Pas 3
Ajusteu l'estil i la mida de la lletra per a l'ul ul li. Aneu a Gestiona estils i feu clic amb el botó dret a l’ull ulterior, escollint Modificar estil. Veureu el menú de diàleg ja familiar. Aneu a Font, seleccioneu Font-family i configureu aquest atribut en Helvetica, Arial, Sans-serif. Ajusteu la mida del tipus de lletra i establiu-lo a 0, 9. Establiu l'atribut Text-transform a Majúscules. A l'atribut Alçada - Posició, especifiqueu l'alçada exacta dels elements del menú establint el valor a 30 px.
Pas 4
Deseu el fitxer com a menu.html quan es completin totes les accions correctives. Proveu el menú que acabeu de crear a diverses aplicacions i navegadors per veure si funciona. Com podeu veure, no és difícil crear aquest menú.
