Izvēlņu izveide, iespējams, ir viens no galvenajiem punktiem vietņu un programmu izstrādē. Turklāt šādas izvēlnes labs izstrāde un loģisks dizains ir vietnes vai jebkuras programmas seja. Piemēram, ņemsim Microsoft un operētājsistēmu Windows 7. Pēc Windows 7 izlaišanas Microsoft dzirdēja daudz kritikas, kas sev nebija glaimojoša. Ir bijis daudz kritikas, taču visbiežāk tie ir izvietoti neērtā veidā. Rūpīgi izlasiet šo apmācību par to, kā izveidot horizontālu nolaižamo izvēlni ar CSS un Expression Web. Tiks mainīti tagu stili, lai izveidotu izvēlni
Instrukcijas
1. solis
Dodieties uz Pārvaldīt stilus un pēc tam noklikšķiniet uz pogas Jauns stils. Piešķiriet nosaukumu Selector ul li tikko izveidotajam jaunajam stilam. Neaizmirstiet arī pārliecināties, vai nolaižamajā.css failā ir jādefinē jaunais stils.
2. solis
Lai izstieptu horizontālo izvēlni, jums jāpasaka izvēlnes vienumiem, ka tā būs horizontāla. Tālāk jums jānosaka katra izvēlnes vienuma platums un jānoņem visi nevajadzīgie punkti visu saraksta vienumu priekšā.
3. solis
Horizontālai izlīdzināšanai pārejiet uz Izkārtojums un iestatiet displeja atribūtu uz iekļauto. Iestatiet pludiņa atribūtu pa kreisi. Noklikšķiniet uz pogas Lietot. Visiem saraksta vienumiem jābūt iestatītiem vienā rindā. Lai tie nepārklājas viens ar otru, jums jādara šādi: iestatiet atribūta platums pozīcijas vērtību 150 pikseļi. Tagad pārbaudiet to. Visiem saraksta elementiem jākļūst vienāda lieluma.
4. solis
Tagad mums jāmēģina noņemt punktus saraksta vienumu priekšā. Lai to izdarītu, dodieties uz sarakstu un iestatiet atribūtu list-style –type uz none.
5. solis
Noklikšķiniet uz Labi, lai pieņemtu visas izmaiņas.
6. solis
Lai pielāgotu fonta lielumu ul li stilam, jums jādara šādi. Sadaļā Pārvaldīt stilus ar peles labo pogu noklikšķiniet uz stila ul li, kas jums jāizvēlas Modificēt stilu. Atvērsies pazīstamais dialoglodziņš atribūtu pievienošanai vai mainīšanai. Dodieties uz kategoriju Fonts un iestatiet font-family atribūtu uz Arial, Helvetica, sans-serif. Pēc tam dodieties uz atribūtu font-size un iestatiet to uz 0.9em. Pēc tam iestatiet atribūtu text-transform, iestatiet tā vērtību lielajiem burtiem.
7. solis
Izveidotās izvēlnes vienumu augstumu var noregulēt pozīcijā. Iestatiet augstuma atribūtu uz 30 pikseļiem.
8. solis
Pēc tam jums jāsaglabā fails menu.html. Lai to izdarītu, Expression Web atvērs nepieciešamo logu Saglabāt iegultos failus, lai saglabātu failu. Saglabāt nolaižamajā.css failā. Lai saglabātu, noklikšķiniet uz Labi.
9. solis
Tagad pārbaudiet savu rezultātu. Lai nodrošinātu uzticamību, labāk to pārbaudīt dažādās pārlūkprogrammās. Lai pārbaudītu noklusējuma pārlūkprogrammā iegūto rezultātu, jums jānospiež tastatūras taustiņš F12.
