Tarkvara ja veebisaidi arendamise üks olulisemaid aspekte on menüü koostamine. Eeskujuks tuleks võtta Microsofti ja selle kuulsaim ajupoeg, Windowsi operatsioonisüsteem. Hoolimata asjaolust, et seda toodet kasutab valdav enamus arvutikasutajaid maailmas, kriitika mitte ainult ei vähene, vaid kasvab pidevalt. Põhimõtteliselt puudutab see menüüelementide asukoha ebamugavusi. Järgnevalt kirjeldatakse menüüde loomist CSS-is ja Expression Webis.
Juhised
Samm 1
Horisontaalse menüü loomise alustamiseks minge jaotisse Stiili haldamine ja seejärel klõpsake nuppu Uus stiil. Nimetage uus stiil Selector ul li. Tähtis! Veenduge, et loodud failil oleks laiend rippmenüü.css. Horisontaalse menüü tegemiseks märkige loodud elemendile, et see oleks täpselt horisontaalne. Seejärel määrake iga menüüelemendi laius ja eemaldage kõik mittevajalikud punktid, mis on paigutatud kõigi loendis olevate üksuste ette.
2. samm
Minge valikusse Paigutus, määrake horisontaalse joondamise tegemiseks atribuut Kuva Kuva suvandisse Sees. Järgmisena määrake Vasak väärtus atribuudiks Ujuk ja klõpsake nuppu Rakenda. Määra kõik loendi üksused ühele reale. Selleks, et need oleksid korralikult paigutatud ja üksteise peal ei roomaks, määrake atribuudis Width väärtus Positsioon väärtuseks 150 pikslit. Kontrollige, kas loendi kõik elemendid on sama suurusega. Järgmisena eemaldage punktid kõigi elementide ees - selleks minge atribuuti List ja määrake üksuses List Style-type parameeter None. Kõigi muudatuste aktsepteerimiseks ja rakendamiseks klõpsake nuppu OK.
3. samm
Reguleerige ul li fondi suurust ja stiili. Selleks minge menüüsse Stiilide haldamine ja paremklõpsake nuppu ul li, seejärel valige käsk Muuda stiili. Ilmub tuttav dialoogiboks. Minge Fontile, valige atribuut Font-family ja määrake see väärtuseks Sans-serif, Arial, Helvetica. Järgmisena reguleerige fondi suurus, määrates selle väärtuseks 0, 9. Seejärel määrake atribuut Text-transform väärtuseks Suurte täht. Reguleerige atribuudi Height - Position menüüelementide kõrgust, määrates väärtuseks 30 px.
4. samm
Pärast kõigi parandusmeetmete sooritamist salvestage fail nimega menu.html. Järgmisena testige loodud menüüd erinevates brauserites, et veenduda, et see töötab õigesti. Nagu näete, on horisontaalse menüü kujundus üsna lihtne.
