Viens no vissvarīgākajiem programmatūras un vietņu izstrādes aspektiem ir izvēlņu veidošana. Par galveno piemēru jāņem Microsoft un tās slavenākā ideja par bērnu - operētājsistēma Windows. Neskatoties uz to, ka šo produktu lieto pārliecinoši lielākā daļa datoru lietotāju pasaulē, kritika ne tikai nemazinās, bet arī nepārtraukti pieaug. Būtībā tas attiecas uz neērtībām izvēlnes vienumu atrašanās vietā. Tālāk ir aprakstīts, kā izveidot izvēlnes CSS un Expression Web.
Instrukcijas
1. solis
Lai sāktu veidot horizontālu izvēlni, dodieties uz Pārvaldīt stilu, pēc tam noklikšķiniet uz pogas Jauns stils. Nosauciet jauno stilu Selector ul li. Svarīgs! Pārliecinieties, vai izveidotajam failam ir nolaižamais.css paplašinājums. Lai izveidotu horizontālu izvēlni, norādiet izveidotajam elementam, ka tā būs tieši horizontāla. Pēc tam nosakiet katra izvēlnes vienuma platumu un noņemiet visus nevajadzīgos punktus, kas novietoti visu saraksta vienumu priekšā.
2. solis
Dodieties uz opciju Layout (Izkārtojums), iestatiet Display atribūtu uz Inline, lai veiktu horizontālu izlīdzināšanu. Pēc tam iestatiet Left vērtību atribūtam Float un noklikšķiniet uz pogas Apply. Iestatiet visus saraksta vienumus vienā rindā. Lai tie būtu kārtīgi izvietoti un netiktu pārmeklēti viens uz otra, atribūtā Width iestatiet pozīcijas vērtību 150 px. Pārbaudiet, vai visi saraksta elementi ir vienāda lieluma. Pēc tam noņemiet punktus visu elementu priekšā - šim nolūkam dodieties uz atribūtu List un vienumā List Style-type iestatiet parametru None. Noklikšķiniet uz Labi, lai visas izmaiņas tiktu pieņemtas un piemērotas.
3. solis
Pielāgojiet ul li fonta lielumu un stilu. Lai to izdarītu, dodieties uz Pārvaldīt stilus un ar peles labo pogu noklikšķiniet uz ul li, pēc tam atlasiet Modificēt stilu. Parādīsies pazīstamais dialoglodziņš. Pārejiet uz Fonts, atlasiet atribūtu Font-family un iestatiet to uz Sans-serif, Arial, Helvetica. Pēc tam noregulējiet fonta lielumu, iestatot to uz 0, 9. Pēc tam atribūtu Text-transform iestatiet uz Uppercase. Pielāgojiet atribūtā Height - Position izvēlnes vienumu augstumu, iestatot vērtību uz 30 px.
4. solis
Pēc visu labojošo darbību veikšanas saglabājiet failu kā menu.html. Pēc tam pārbaudiet izveidoto izvēlni dažādās pārlūkprogrammās, lai pārliecinātos, ka tā darbojas pareizi. Kā redzat, horizontālās izvēlnes dizains ir diezgan vienkāršs.
