Unul dintre cele mai importante aspecte ale dezvoltării de site-uri web și software este crearea de meniuri. Un meniu glisant frumos rămâne un punct de reper pentru mulți proprietari și programatori de site-uri web. Acest lucru se poate face utilizând instrumentele CSS și Expression Web.
Instrucțiuni
Pasul 1
Deschideți Expression Web și accesați Gestionare stil pentru a începe crearea unui meniu glisant și apăsați tasta Stil nou. Denumiți noul stil Selector ul li. Asigurați-vă că fișierul generat are extensia drop-down.css. Pentru a crea un meniu glisant, specificați poziția corespunzătoare pe ecran. Determinați lățimea fiecărui element de meniu și eliminați punctele inutile care ar putea fi în fața lor.
Pasul 2
Rulați opțiunea Aspect și setați atributul Afișare. Acordați-i o valoare Inline adecvată pentru a o alinia pe ecran. Setați atributul Float la Stânga și apăsați tasta Aplicare. Setați toate elementele listei la o singură linie. Pentru a le păstra într-o ordine ordonată și nu a se suprapune, setați atributul Lățime la Poziție sub formă de 150 px. Asigurați-vă că toate elementele din listă au aceeași dimensiune. Eliminați punctele din fața fiecărui element mergând la atributul List și setând tipul Stil list pe None. Faceți clic pe „OK” pentru a accepta modificările și a intra în vigoare.
Pasul 3
Reglați stilul și dimensiunea fontului pentru ul ul. Accesați Gestionare stiluri și faceți clic dreapta pe ul ul, alegând Modificare stil. Veți vedea meniul de dialog deja familiar. Mergeți la Font, selectați Font-family și setați acest atribut la Helvetica, Arial, Sans-serif. Reglați dimensiunea fontului și setați-l la 0, 9. Setați atributul Transformare text la majuscule. În atributul Înălțime - Poziție, specificați înălțimea exactă a elementelor de meniu setând valoarea la 30 px.
Pasul 4
Salvați fișierul ca meniu.html când toate acțiunile corective sunt finalizate. Testați meniul pe care tocmai l-ați creat în diverse aplicații și browsere pentru a vedea dacă funcționează. După cum puteți vedea, nu este dificil să creați un astfel de meniu.
