Сырғымалы мәзірді қалай жасауға болады

Мазмұны:

Сырғымалы мәзірді қалай жасауға болады
Сырғымалы мәзірді қалай жасауға болады

Бейне: Сырғымалы мәзірді қалай жасауға болады

Бейне: Сырғымалы мәзірді қалай жасауға болады
Бейне: сырғымалы қақпа 2024, Мамыр
Anonim

Веб-сайт пен бағдарламалық жасақтаманың маңызды аспектілерінің бірі - мәзір құру. Керемет сырғымалы мәзір көптеген веб-сайт иелері мен бағдарламашылар үшін эталон болып қала береді. Мұны CSS және Expression Web құралдарының көмегімен жасауға болады.

Сырғымалы мәзірді қалай жасауға болады
Сырғымалы мәзірді қалай жасауға болады

Нұсқаулық

1-қадам

Expression Web-ті ашып, стильді басқару бөліміне өтіп, сырғымалы мәзір жасауды бастаңыз және Жаңа стиль пернесін басыңыз. Жаңа стильді атаңыз Selector ul li. Жасалған файлда ашылмалы.css кеңейтімі бар екеніне көз жеткізіңіз. Сырғымалы мәзір құру үшін экранда тиісті орынды көрсетіңіз. Мәзір элементтерінің әрқайсысының енін анықтаңыз және олардың алдында қажет емес нүктелерді алып тастаңыз.

2-қадам

Орналасу параметрін іске қосып, Display атрибутын орнатыңыз. Экранда туралау үшін тиісті кірістірілген мән беріңіз. Float атрибутын Left қалпына қойып, Apply пернесін басыңыз. Тізімнің барлық элементтерін бір жолға қойыңыз. Оларды ұқыпты ұстау және қабаттаспау үшін Width атрибутын Position-қа 150 px түрінде орнатыңыз. Тізімдегі барлық элементтердің өлшемдері бірдей екендігіне көз жеткізіңіз. Тізім атрибутына өтіп, Тізім мәнері типін Ешқандай етіп әр элементтің алдындағы нүктелерді алып тастаңыз. Өзгерістерді қабылдау және күшіне ену үшін «OK» батырмасын басыңыз.

3-қадам

Ul li үшін стиль мен қаріп өлшемін реттеңіз. Мәнерлерді басқару бөліміне өтіп, Үлгіні тінтуірдің оң жағымен басып, Modify мәнерін таңдаңыз. Сіз бұрыннан таныс диалогтық мәзірді көресіз. Қаріпке өтіп, Қаріп-жанұясын таңдап, осы атрибутты Helvetica, Arial, Sans-serif-ге орнатыңыз. Қаріптің өлшемін реттеп, 0, 9-ға қойыңыз. Text-transform атрибутын Upper-ке қойыңыз. Height - Position атрибутында мәнді 30 пиксельге қойып, мәзір элементтерінің нақты биіктігін көрсетіңіз.

4-қадам

Барлық түзету әрекеттері аяқталғаннан кейін файлды menu.html ретінде сақтаңыз. Жаңа ғана жасалған мәзірді әр түрлі қосымшалар мен браузерлерде тексеріп көріңіз, ол жұмыс істеп тұр ма. Көріп отырғаныңыздай, мұндай мәзірді құру қиын емес.

Ұсынылған: