Jedan od najvažnijih aspekata u razvoju softvera i web stranica je stvaranje menija. Microsoft i njegova najpoznatija zamisao, operativni sistem Windows, trebali bi se uzeti kao glavni primjer. Uprkos činjenici da ovaj proizvod koristi ogromna većina korisnika računara u svijetu, kritika ne samo da ne opada, već neprestano raste. U osnovi, to se tiče neugodnosti smještaja stavki izbornika. Slijedi opis stvaranja izbornika u CSS-u i Expression Webu.
Instrukcije
Korak 1
Da biste započeli stvaranje vodoravnog izbornika, idite na Upravljanje stilom, a zatim kliknite gumb Novi stil. Nazovite novi izbornik stila ul li. Bitan! Uvjerite se da generirana datoteka ima nastavak drop-down.css. Da biste napravili vodoravni meni, naznačite stvorenom elementu da će biti tačno vodoravan. Zatim odredite širinu svake stavke izbornika i uklonite sve nepotrebne točke postavljene ispred svih stavki na popisu.
Korak 2
Idite na opciju Layout, postavite Display atribut na Inline da biste izvršili vodoravno poravnanje. Zatim postavite vrijednost Lijevo na atribut Float i kliknite gumb Primijeni. Postavite sve stavke liste na jedan red. Da bi bili postavljeni uredno i ne puzali jedno preko drugog, u atributu Širina postavite vrijednost Položaja na 150 px. Provjerite jesu li svi elementi popisa iste veličine. Zatim uklonite točkice ispred svih elemenata - za to idite na atribut List i postavite parametar None u stavci Type-style Style. Kliknite U redu da bi sve promjene bile prihvaćene i primijenjene.
Korak 3
Prilagodite veličinu i stil fonta za ul li. Da biste to učinili, idite na Upravljanje stilovima i desnom tipkom miša kliknite ul li, a zatim odaberite Izmijeni stil. Pojavit će se poznati dijaloški okvir. Idite na Font, odaberite atribut porodice fontova i postavite ga na Sans-serif, Arial, Helvetica. Zatim prilagodite veličinu fonta postavljanjem na 0, 9. Nakon toga postavite atribut Text-transform na velika slova. Podesite visinu stavki izbornika u atributu Height - Position, postavljajući vrijednost na 30 px.
Korak 4
Nakon završetka svih korektivnih radnji, spremite datoteku kao menu.html. Zatim testirajte kreirani meni u različitim pregledačima kako biste se uvjerili da ispravno radi. Kao što vidite, dizajn horizontalnog menija je prilično jednostavan.
