Бағдарламалық жасақтама мен веб-сайтты дамытудағы маңызды аспектілердің бірі - мәзір құру. Майкрософт пен оның ең әйгілі туындысы Windows операциялық жүйесі ең жақсы мысал ретінде қабылдануы керек. Бұл өнімді әлемдегі ДК пайдаланушыларының басым көпшілігі қолданғанына қарамастан, сын азайып қана қоймай, үнемі өсіп отырады. Негізінен бұл мәзір элементтерінің орналасуының қолайсыздығына қатысты. Төменде CSS және Expression Web-те мәзірлерді құру туралы сипаттама берілген.
Нұсқаулық
1-қадам
Көлденең мәзір құруды бастау үшін Стильді басқару бөліміне өтіп, Жаңа стиль түймесін басыңыз. Жаңа стильді атаңыз Selector ul li. Маңызды! Жасалған файлда drop-down.css кеңейтімі бар екеніне көз жеткізіңіз. Көлденең мәзір жасау үшін құрылған элементке оның көлденең болатынын көрсетіңіз. Әрі қарай, мәзірдің әр тармағының енін анықтаңыз және тізімдегі барлық пункттердің алдына қойылған барлық қажет емес нүктелерді алып тастаңыз.
2-қадам
Орналасу параметріне өтіп, көлденең туралау үшін Display атрибутын «Кірістірілген» етіп орнатыңыз. Содан кейін Float атрибутына Left мәнін орнатыңыз және Apply батырмасын басыңыз. Барлық тізім элементтерін бір жолға қойыңыз. Олар Width атрибутында ұқыпты орналастырылып, бір-бірімен қозғалмауы үшін, Position мәнін 150 px мәніне қойыңыз. Тізімнің барлық элементтерінің өлшемдері бірдей екенін тексеріңіз. Әрі қарай, барлық элементтердің алдындағы нүктелерді алып тастаңыз - бұл үшін тізім атрибутына өтіп, тізім стиліндегі типтегі None параметрін орнатыңыз. Барлық өзгерістерді қабылдау және қолдану үшін OK түймесін басыңыз.
3-қадам
Ul li үшін қаріп өлшемін және стилін реттеңіз. Ол үшін стильдерді басқару бөліміне өтіп, ul li батырмасын тінтуірдің оң жақ түймешігімен нұқыңыз, содан кейін Modify мәнерін таңдаңыз. Таныс сұхбат терезесі пайда болады. Қаріпке өтіп, Қаріп-отбасы атрибутын таңдап, оны Sans-serif, Arial, Helvetica күйіне қойыңыз. Әрі қарай, қаріптің өлшемін 0, 9 етіп орнатыңыз. Осыдан кейін Text-convert атрибутын Үлкен мәнге қойыңыз. Height - Position атрибутындағы мәзір элементтерінің биіктігін 30 пиксельге орнатыңыз.
4-қадам
Барлық түзету әрекеттерін аяқтағаннан кейін файлды menu.html ретінде сақтаңыз. Содан кейін, оның дұрыс жұмыс істейтіндігіне көз жеткізу үшін жасалған мәзірді әр түрлі браузерлерде тексеріп көріңіз. Көріп отырғаныңыздай, көлденең мәзірдің дизайны өте қарапайым.
