Menyu yaratish, ehtimol saytlar va dasturlarni ishlab chiqishdagi asosiy fikrlardan biridir. Bundan tashqari, bunday menyuning yaxshi ishlab chiqilishi va mantiqiy dizayni sayt yoki biron bir dasturning yuzi hisoblanadi. Masalan, Microsoft va Windows 7 operatsion tizimini olaylik. Windows 7 chiqqandan keyin Microsoft o'zi uchun xushomad qilmaydigan juda ko'p tanqidlarni eshitdi. Ko'p tanqidlar bo'lgan, ammo ko'pincha menyu elementlari noqulay joylashtirilgan.. Ushbu qo'llanmani diqqat bilan o'qing CSS va Expression Web-da gorizontal ochiladigan menyu yaratish. Menyu yaratish uchun teglar uslublari o'zgaradi
Ko'rsatmalar
1-qadam
Uslublarni boshqarish bo'limiga o'ting va keyin "Yangi uslub" tugmachasini bosing. Siz yaratgan yangi uslubga Selector ul li nomini bering. Drop-down.css faylida yangi uslub aniqlanganligiga ishonch hosil qilishni unutmang.
2-qadam
Gorizontal menyuni cho'zish uchun menyu elementlariga gorizontal bo'lishini aytib berish kerak. Keyinchalik, menyuning har bir elementining kengligini aniqlashingiz va barcha ro'yxat elementlari oldidagi barcha keraksiz nuqtalarni olib tashlashingiz kerak.
3-qadam
Gorizontal tekislash uchun Layout-ga o'ting va displey atributini inline-ga o'rnating. Float atributini chapga o'rnating. Ilova tugmasini bosing. Barcha ro'yxat elementlari bitta satrda o'rnatilishi kerak. Ularning bir-birining ustiga chiqmasligi uchun siz quyidagilarni bajarishingiz kerak: width atributining Position qiymatini 150px-ga o'rnating. Endi buni tekshirib ko'ring. Ro'yxatning barcha elementlari bir xil o'lchamga ega bo'lishi kerak.
4-qadam
Endi biz ro'yxat elementlari oldidagi nuqtalarni olib tashlashga harakat qilishimiz kerak. Buning uchun List-ga o'ting va list-style –type atributini yo'q deb belgilang.
5-qadam
Barcha o'zgarishlarni qabul qilish uchun OK tugmasini bosing.
6-qadam
Shrift o'lchamini ul li uslubiga moslashtirish uchun quyidagilarni bajarish kerak. Uslublarni boshqarish-da, "Modify Style" -ni tanlashingiz kerak bo'lgan ul li stilini o'ng tugmasini bosing. Atributlarni qo'shish yoki o'zgartirish uchun tanish bo'lgan dialog oynasi ochiladi. Shrift toifasiga o'ting va shrift-oilaviy atributini Arial, Helvetica, sans-serif-ga o'rnating. Keyin shrift o'lchamidagi atributga o'ting va uni 0.9em ga o'rnating. Shundan so'ng, matnni o'zgartirish atributini o'rnating, uning qiymatini katta harflar bilan o'rnating.
7-qadam
Yaratilgan menyudagi elementlarning balandligi Position kategoriyasida sozlanishi mumkin. Balandlik atributini 30px ga sozlang.
8-qadam
Keyin menu.html faylini saqlashingiz kerak. Buning uchun Expression Web faylni saqlash uchun kerakli ichki o'rnatilgan fayllarni saqlash oynasini ochadi. Drop-down.css faylida saqlang. Saqlash uchun OK tugmasini bosing.
9-qadam
Endi natijangizni tekshiring. Ishonchliligi uchun uni turli xil brauzerlarda sinab ko'rish yaxshiroqdir. Standart brauzerda olingan natijani tekshirish uchun siz klaviaturadagi F12 tugmachasini bosishingiz kerak.
