Proqram təminatının və veb sayt inkişafının ən vacib cəhətlərindən biri menyu yaradılmasıdır. Microsoft və ən məşhur beyin məhsulu olan Windows əməliyyat sistemi ən yaxşı nümunə kimi götürülməlidir. Bu məhsulun dünyada PC istifadəçilərinin böyük əksəriyyəti tərəfindən istifadə olunmasına baxmayaraq, tənqid nəinki azalmır, əksinə daim böyüyür. Əsasən, bu menyu elementlərinin yerləşməsinin narahatlığına aiddir. Aşağıda CSS və Expression Web-də menyuların yaradılması qaydası verilmişdir.
Təlimat
Addım 1
Yatay bir menyu yaratmağa başlamaq üçün Stili İdarə edin, sonra Yeni Stil düyməsini vurun. Yeni stil Seçici adını ul li. Vacibdir! Yaradılan faylın açılan.css uzantısına malik olduğundan əmin olun. Yatay bir menyu etmək üçün yaradılan elementə tam olaraq üfüqi olacağını göstərin. Sonra, hər bir menyu elementinin genişliyini müəyyənləşdirin və siyahıda olan bütün maddələrin önünə qoyulmuş bütün lazımsız nöqtələri silin.
Addım 2
Layout seçiminə gedin, Ekran atributunu Satır daxilinə qoyaraq üfüqi uyğunlaşdırma edin. Sonra, Sol dəyəri Float atributuna qoyun və Uygula düyməsini vurun. Bütün siyahı elementlərini bir sətirdə seçin. Səliqəli şəkildə yerləşdirildikləri və bir-birinin üstünə sürünməmələri üçün, Genişlik atributunda, Pozisyon dəyərini 150 piksel olaraq təyin edin. Siyahının bütün elementlərinin eyni ölçüdə olduğunu yoxlayın. Sonra bütün elementlərin qarşısındakı nöqtələri çıxarın - bunun üçün List atributuna gedin və List Style tipli maddədə Yoxdur parametrini təyin edin. Bütün dəyişikliklərin qəbul edilməsi və tətbiqi üçün OK düyməsini vurun.
Addım 3
Ül li üçün şrift ölçüsünü və tərzini tənzimləyin. Bunu etmək üçün Stilləri İdarəetmə bölməsinə gedin və ul li-yə sağ vurun, sonra Stili Dəyişdir seçin. Tanış bir informasiya qutusu görünəcəkdir. Şriftə gedin, Şrift ailəsi atributunu seçin və Sans-serif, Arial, Helvetica olaraq təyin edin. Ardından, şrift ölçüsünü 0, 9 olaraq təyin edərək tənzimləyin. Bundan sonra Text-transform atributunu Yuxarı Kəsə qoyun. Hündürlük - Yer atributundakı menyu elementlərinin hündürlüyünü 30 piksel olaraq təyin edin.
Addım 4
Bütün düzəldici tədbirləri tamamladıqdan sonra faylı menu.html olaraq qeyd edin. Sonra, düzgün işlədiyinə əmin olmaq üçün yaradılan menyunu fərqli brauzerlərdə yoxlayın. Gördüyünüz kimi, üfüqi menyunun dizaynı olduqca sadədir.
