Dasturiy ta'minot va veb-saytlarni ishlab chiqishdagi eng muhim jihatlardan biri bu menyu yaratishdir. Eng yaxshi misol sifatida Microsoft va uning eng mashhur aqliy ishi Windows operatsion tizimi olinishi kerak. Ushbu mahsulot dunyodagi shaxsiy kompyuterlarning aksariyat foydalanuvchilari tomonidan ishlatilishiga qaramay, tanqid nafaqat kamaymaydi, balki doimiy ravishda o'sib bormoqda. Asosan, bu menyu elementlarining joylashuvining noqulayligi bilan bog'liq. Quyida CSS va Expression Web-da menyularni yaratish haqida ma'lumot berilgan.
Ko'rsatmalar
1-qadam
Gorizontal menyu yaratishni boshlash uchun Uslubni boshqarish-ga o'ting, so'ngra Yangi uslub tugmachasini bosing. Yangi uslubni tanlang Selector ul li. Muhim! Yaratilgan faylning ochiladigan.css kengaytmasiga ega ekanligiga ishonch hosil qiling. Gorizontal menyu qilish uchun yaratilgan elementga uning to'liq gorizontal bo'lishini ko'rsating. So'ngra, har bir menyu punktining kengligini aniqlang va ro'yxatdagi barcha elementlarning oldiga qo'yilgan barcha keraksiz joylarni olib tashlang.
2-qadam
Layout opsiyasiga o'ting, gorizontal tekislash uchun Display atributini Inline-ga o'rnating. So'ngra, chap tomonni Float atributiga o'rnating va Ilova tugmachasini bosing. Barcha ro'yxat elementlarini bitta qatorga o'rnating. Shunday qilib, ular yaxshilab joylashtirilgan va bir-birining ustiga siljimaslik uchun, Width atributida Position qiymatini 150 pikselga qo'ying. Ro'yxatning barcha elementlari bir xil o'lchamda ekanligini tekshiring. So'ngra barcha elementlarning oldidagi nuqtalarni olib tashlang - buning uchun List atributiga o'ting va List Style uslubidagi elementga None parametrini o'rnating. Barcha o'zgarishlarni qabul qilish va qo'llash uchun OK tugmasini bosing.
3-qadam
Ul li uchun shrift o'lchamini va uslubini sozlang. Buning uchun Uslublarni boshqarish bo'limiga o'ting va ul li-ni o'ng tugmasini bosing, so'ngra Modilni o'zgartirish-ni tanlang. Tanish muloqot oynasi paydo bo'ladi. Shriftga o'ting, Shrift oilasi atributini tanlang va Sans-serif, Arial, Helvetica-ga o'rnating. Keyin shrift hajmini 0, 9 ga o'rnatib sozlang. Shundan so'ng Text-transform atributini Upper-ga o'rnating. Height - Position atributidagi menyu elementlarining balandligini sozlang, qiymatini 30 px ga sozlang.
4-qadam
Barcha tuzatish amallarini bajarib bo'lgach, faylni menu.html sifatida saqlang. Keyinchalik, yaratilgan menyuni to'g'ri ishlashiga ishonch hosil qilish uchun uni turli xil brauzerlarda sinab ko'ring. Ko'rib turganingizdek, gorizontal menyu dizayni juda oddiy.
