Мәзірді құру сайттар мен бағдарламаларды дамытудағы маңызды сәттердің бірі болуы мүмкін. Сонымен қатар, мұндай мәзірдің жақсы әзірленуі және логикалық дизайны сайттың немесе кез-келген бағдарламаның бет-бейнесі болып табылады. Мысалы, Microsoft пен Windows 7 амалдық жүйесін алайық. Windows 7 шыққаннан кейін Майкрософт өзіне жағымсыз емес көптеген сын естіді. Көптеген сындар болды, бірақ көбінесе ыңғайсыз орналасқан мәзір элементтері CSS және Expression Web көмегімен көлденең ашылмалы мәзір жасау туралы оқулықты мұқият оқып шығыңыз. Мәзірді құру үшін тег мәнерлері өзгереді
Нұсқаулық
1-қадам
Стильдерді басқару бөліміне өтіп, Жаңа стиль түймесін басыңыз. Жаңа жасаған стильге Selector ul li атауын беріңіз. Ашылмалы.css файлында жаңа стиль анықталуы керек екенін ұмытпаңыз.
2-қадам
Көлденең мәзірді созу үшін мәзір элементтеріне оның көлденең болатынын айту керек. Әрі қарай, сіз мәзірдің әр тармағының енін анықтап, барлық тізім элементтерінің алдында қажет емес нүктелерді алып тастауыңыз керек.
3-қадам
Көлденең туралау үшін Орналасу бөліміне өтіп, дисплей атрибутын кірістірілген етіп орнатыңыз. Float атрибутын солға орнатыңыз. Қолдану түймесін басыңыз. Тізімнің барлық элементтері бір жолға қойылуы керек. Олардың бір-бірімен қабаттаспауы үшін сізге келесі әрекеттерді орындау керек: ені атрибутының Position мәнін 150px етіп орнатыңыз. Енді тексеріп көріңіз. Тізімнің барлық элементтері бірдей өлшемге ие болуы керек.
4-қадам
Енді біз тізім элементтерінің алдындағы нүктелерді алып тастауға тырысуымыз керек. Ол үшін Тізімге өтіп, тізім-стилі атрибутын ешқайсысына орнатыңыз.
5-қадам
Барлық өзгерістерді қабылдау үшін OK түймесін басыңыз.
6-қадам
Қаріптің өлшемін ul li стиліне сәйкестендіру үшін келесіні орындау қажет. Мәнерлерді басқару бөлімінде «Үлгеру мәнерін» таңдау керек үлли стилін тінтуірдің оң жағымен нұқыңыз. Атрибуттарды қосуға немесе өзгертуге арналған таныс диалог терезесі ашылады. Қаріп категориясына өтіп, Arial, Helvetica, sans-serif қаріп-отбасы атрибутын орнатыңыз. Әрі қарай, қаріп өлшемінің төлсипатына өтіп, оны 0,9em етіп орнатыңыз. Осыдан кейін мәтінді түрлендіру атрибутын орнатыңыз, оның мәнін бас әріпке қойыңыз.
7-қадам
Құрылған мәзірдегі элементтердің биіктігін Position категориясында реттеуге болады. Биіктігі төлсипатын 30px мәніне қойыңыз.
8-қадам
Содан кейін menu.html файлын сақтау керек. Ол үшін Expression Web файлды сақтау үшін қажетті ендірілген файлдарды сақтау терезесін ашады. Ашылмалы.css файлында сақтаңыз. Сақтау үшін OK батырмасын басыңыз.
9-қадам
Енді нәтижеңізді тексеріңіз. Сенімділік үшін оны әртүрлі браузерлерде тексерген дұрыс. Әдепкі браузерде алынған нәтижені тексеру үшін пернетақтадағы F12 пернесін басу керек.
