Viens no vissvarīgākajiem vietņu un programmatūras izstrādes aspektiem ir izvēlņu izveide. Skaista bīdāmā izvēlne joprojām ir etalons daudziem vietņu īpašniekiem un programmētājiem. To var izdarīt, izmantojot CSS un Expression Web rīkus.
Instrukcijas
1. solis
Atveriet Expression Web un dodieties uz Stila pārvaldība, lai sāktu veidot bīdāmo izvēlni, un nospiediet taustiņu Jauns stils. Nosauciet jauno stilu Selector ul li. Pārliecinieties, vai izveidotajam failam ir nolaižamais.css paplašinājums. Lai izveidotu bīdāmo izvēlni, ekrānā norādiet atbilstošo pozīciju. Nosakiet katra izvēlnes vienuma platumu un noņemiet nevajadzīgus punktus, kas var būt priekšā tiem.
2. solis
Palaidiet opciju Izkārtojums un iestatiet atribūtu Displejs. Piešķiriet tai atbilstošu iekšējo vērtību, lai to izlīdzinātu ekrānā. Iestatiet Float atribūtu uz Left un nospiediet taustiņu Apply. Iestatiet visus saraksta elementus vienā rindā. Lai saglabātu tos kārtīgā secībā un nepārklājas, atribūtam Width iestatiet pozīciju 150 px formā. Pārliecinieties, vai visi saraksta vienumi ir vienāda lieluma. Noņemiet punktus katra elementa priekšā, dodoties uz atribūtu List un saraksta stila veidu iestatot uz None. Noklikšķiniet uz "OK", lai pieņemtu izmaiņas un stātos spēkā.
3. solis
Pielāgojiet ul li stilu un fonta lielumu. Dodieties uz Stilu pārvaldība un ar peles labo pogu noklikšķiniet uz ul li, izvēloties Modificēt stilu. Tiks parādīta jau pazīstamā dialoglodziņa izvēlne. Dodieties uz Fonts, atlasiet Font-family un iestatiet šim atribūtam Helvetica, Arial, Sans-serif. Pielāgojiet fonta lielumu un iestatiet to uz 0, 9. Iestatiet atribūtu Text-transform uz lielo burtu. Atribūtā Height - Position norādiet precīzu izvēlnes vienumu augstumu, iestatot vērtību 30 px.
4. solis
Kad visas koriģējošās darbības ir pabeigtas, saglabājiet failu kā menu.html. Pārbaudiet tikko izveidoto izvēlni dažādās lietojumprogrammās un pārlūkprogrammās, lai redzētu, vai tā darbojas. Kā redzat, nav grūti izveidot šādu izvēlni.
