Вебсайтты жана программалык камсыздоону өнүктүрүүнүн эң маанилүү аспектилеринин бири - меню түзүү. Кооз жылма меню көптөгөн веб-сайт ээлери жана программисттер үчүн ориентир бойдон калууда. Бул CSS жана Expression Web куралдарынын жардамы менен жасалышы мүмкүн.
Нускамалар
1 кадам
Expression Web тармагын ачып, Стилди башкаруу бөлүмүнө өтүп, жылма меню түзүүнү баштаңыз жана Жаңы стиль баскычын басыңыз. Жаңы стилди атагыла Selector ul li. Түзүлгөн файлдын ачылуучу жайдын ачылышын камсыз кылыңыз.css. Жылма меню түзүү үчүн, экранда ылайыктуу абалды көрсөтүңүз. Меню пункттарынын ар биринин туурасын аныктап, алардын алдында турган керексиз чекиттерди алып салыңыз.
2-кадам
Layout параметрин иштетип, Display атрибутун орнотуңуз. Экранда тегиздөө үчүн ага ылайыктуу Inline маанисин бериңиз. Float атрибутун Солго коюп, Apply баскычын басыңыз. Тизменин бардык элементтерин бир сапка коюңуз. Аларды тыкан жана иретсиз сактоо үчүн, Width атрибутун Позицияга 150 px формасында орнотуңуз. Тизмедеги бардык нерселердин көлөмү бирдей экендигин текшериңиз. Тизме атрибутуна өтүп, Тизменин стили түрүн Жок деп коюу менен, ар бир элементтин алдындагы чекиттерди алып салыңыз. Өзгөртүүлөрдү кабыл алып, күчүнө кирүү үчүн "ОК" баскычын чыкылдатыңыз.
3-кадам
Ul li үчүн стилди жана арип өлчөмүн тууралаңыз. Стильдерди башкаруу бөлүмүнө өтүп, Ульди оң баскыч менен чыкылдатып, Стилди өзгөртүү тандаңыз. Сиз буга чейин тааныш болгон диалог менюсун көрөсүз. Шрифтке өтүп, Шрифт үй-бүлөсүн тандап, бул атрибутту Helvetica, Arial, Sans-serif деп койду. Ариптин көлөмүн тууралап, 0, 9га коюңуз. Text-transform атрибутун Uppercase кылып коюңуз. Бийиктик - Позиция атрибутунда, меню пункттарынын так бийиктигин 30 пиксель кылып орнотуңуз.
4-кадам
Бардык оңдоо иштери бүткөндөн кийин файлды menu.html катары сактаңыз. Жаңы иштеп чыккан менюңузду ар кандай тиркемелерде жана браузерлерде текшерип, анын иштей тургандыгын билип алыңыз. Көрүнүп тургандай, мындай менюну түзүү кыйын деле эмес.
