Ang paglikha ng menu ay marahil isa sa mga pangunahing puntos sa pagbuo ng mga site at programa. Bilang karagdagan, ang isang mahusay na pagpapaliwanag at lohikal na disenyo ng naturang menu ay ang mukha ng isang site o anumang programa. Halimbawa, kunin natin ang Microsoft at ang operating system ng Windows 7. Matapos ang paglabas ng Windows 7, narinig ng Microsoft ang maraming pagpuna na hindi nakakambola para sa sarili nito. Mayroong maraming mga pagpuna, ngunit madalas na hindi maginhawang nakaposisyon ang mga item sa menu. Maingat na basahin ang tutorial na ito sa kung paano lumikha ng isang pahalang na dropdown menu na may CSS at Expression Web. Magbabago ang mga istilo ng tag upang likhain ang menu
Panuto
Hakbang 1
Pumunta sa Pamahalaan ang Mga Estilo at pagkatapos ay i-click ang pindutan ng Bagong Estilo. Bigyan ang pangalang Selector ul li sa bagong istilo na iyong nilikha. Tandaan din upang matiyak na ang bagong estilo ay dapat na tinukoy sa drop-down.css file.
Hakbang 2
Upang mabatak ang isang pahalang na menu, kailangan mong sabihin sa mga item sa menu na magiging pahalang ito. Susunod, kailangan mong matukoy ang lapad ng bawat item sa menu at alisin ang lahat ng hindi kinakailangang mga tuldok sa harap ng lahat ng mga item sa listahan.
Hakbang 3
Para sa pahalang na pagkakahanay pumunta sa Layout at itakda ang katangian ng display sa inline. Itakda ang float na katangian sa kaliwa. I-click ang pindutang Ilapat. Ang lahat ng mga item sa listahan ay dapat itakda sa isang linya. Upang hindi sila mag-overlap sa bawat isa, kailangan mong gawin ang sumusunod: itakda ang Posisyon na halaga ng lapad na katangian sa 150px. Ngayon suriin ito. Ang lahat ng mga elemento ng listahan ay dapat na maging pareho ang laki.
Hakbang 4
Ngayon kailangan naming subukang alisin ang mga tuldok sa harap ng mga item sa listahan. Upang magawa ito, pumunta sa Listahan at itakda ang lista ng istilo ng listahan –type sa wala.
Hakbang 5
Mag-click sa OK upang tanggapin ang lahat ng mga pagbabago.
Hakbang 6
Upang ayusin ang laki ng font para sa istilo ng ul li, kailangan mong gawin ang sumusunod. Sa Pamahalaan ang Mga Estilo, mag-right click sa istilo ng ul li na kailangan mo upang piliin ang Modify Style. Ang pamilyar na kahon ng dayalogo para sa pagdaragdag o pagbabago ng mga katangian ay magbubukas. Pumunta sa kategorya ng Font at itakda ang katangian ng font-pamilya kay Arial, Helvetica, sans-serif. Susunod, pumunta sa katangian ng laki ng font at itakda ito sa 0.9em. Pagkatapos nito, i-set up ang katangian ng text-transform, itakda ang halagang ito sa uppercase.
Hakbang 7
Ang taas ng mga item sa nilikha na menu ay maaaring ayusin sa kategorya ng Posisyon. Itakda ang katangiang taas sa 30px.
Hakbang 8
Susunod, kailangan mong i-save ang menu.html file. Upang magawa ito, bubuksan ng Expression Web ang kinakailangang window ng I-embed ang Mga File upang mai-save ang file. I-save sa drop-down.css file. Mag-click sa OK upang makatipid.
Hakbang 9
Ngayon suriin ang iyong resulta. Para sa pagiging maaasahan, mas mahusay na subukan ito sa iba't ibang mga browser. Upang suriin ang resulta na nakuha sa default browser, dapat mong pindutin ang F12 key sa iyong keyboard.
