Yenza i menu oxwesileyo yenxuwa ngokwakho

menu oxwesileyo babe phantse nasiphi na isiza - kuba yinxalenye ebalulekileyo, njengoko kungaba kunye ukubonakala kwayo kunye ezimqoka ukutsala okanye, icala, uzokoyikisa iindwendwe. Makhe sifunde indlela yokwenza i menu iyevakala tyaba: yenza "amathambo" kwi HTML, ukuze kakuhle izakhono ezisisiseko wokudala. Ngokuqinisekileyo Ungafumana i menu sewulungile, kodwa amcele kakhulu ukufunda indlela yokuphuhlisa ngokwakho. Kumnandi entle.

Funda ukwenza menu

Sizama bangakhe balinge baphume kuloo semantics, leyo babambelele kumanani aziintloko sebhodi. Okokuqala kufuneka wenze 'amathambo' ukuba menu bethu HTML, bafunde izakhono ezisisiseko ukwenza iimenyu zabo tye. Kwaye ngoko uya hombisa, ngokusebenzisa amakhasi ohlobo. Vumela imenyu yethu oxwesileyo iqulethe izinto 5. Le into yokuqala luzakulawulwa kwakhona lasekhaya. Ingongoma yesibini - "Malunga kuthi". Eyesithathu - "amabhaso yethu". Okwesine - "Yinto fun." Okwesihlanu - "Qhagamshelana nathi".

HTML-ikhowudi sijongeka njengoku:

Ngubani na ongazaziyo: tag ul isetyenziselwa bullet, sezulu kuqale li. Li tags ilifa ukunxiba impahla ziyasetyenziswa ul.

Ul - block elementi uluhlu, iya kolulwa nobubanzi. Li naye block.

Ngoko ke, dala index.html. Siqokelela ikhowudi yethu. Kweli nqanaba, isikhangeli ubonisa nkqo kunokuba i menu tye. Kodwa ke nge usukelo - ukwenza i menu oxwesileyo zeziko. Kuba oku sidinga CSS.

Yintoni CSS?

Ukuba une kodwa ukuba bagqwese uphuhliso kweendawo, kuyimfuneko ukuba aqhelane ingqikelelo Uhlobo lwamakhasi ayingxangxasi na. Enyanisweni, ezi imithetho ngokufomata, ukwenziwa, apho isicelo izinto ezahlukeneyo kumaphepha web-site. Ukuba uchaze iimpawu eziqalelo e HTML eqhelekileyo, kuya kufuneka uphinde oku izihlandlo eziliqela, ufumana kukuphindwa amaqhekeza efanayo khowudi. iphepha ixesha lokulayisha kwikhompyutha lomsebenzisi luya kukhula. Ukuze uphephe oku, kukho CSS. Lwanele ukuchaza kanye kuphela into ethile, uze abonise nje apho ukusebenzisa iimpawu isimbo esithile. Kuyenzeka ukuba benze inkcazo hayi nje kokubhaliweyo kwephepha ngokwayo, kodwa kwenye fayile. Oku kuya kuvumela ukwenza inkcazo iindlela ngeendlela ezahlukeneyo onke amaphepha wesiza. Kuyinto elula ukuba ukuguqula amanye amaphepha, ukuguqula le CSS-ifayile. Style sheets zikuvumela ukuba ukusebenza kunye lwamagama kwinqanaba ngaphezu HTML, ukunceda ukuthintela zisiba amaphepha yemizobo yale sayithi.

Ukusebenzisa Style Sheets zophuhliso menu

CSS-ikhowudi menu:

1. # My_1menu {uluhlu-isimbo: akukho; padding: 6; ububanzi: 800px; imajini: auto;}
2. # My_1menu li {edadayo: ekhohlo; wefonti: akekeleyo 18px Arial;}
3. # My_1menu a {umbala: # 756; bonisa: block; ukuphakama: 55px; line-ukuphakama: 55px; padding: 0px 15px 0px 15px; imvelaphi: #dfc; umbhalo-umhombiso: akukho;}
4. # My_1menu a: misa {umbala: #foa; imvelaphi: # 788;}

Ngoku makhe sikhangele kwisiphumo se menu tye CSS.

# My_1menu - ngoko akukho sabelo style for UL- isiqalelo ne id = my_1menu, uluhlu-isimbo: akukho nanye - lomyalelo ukususa amanqaku kushiywe izinto ezicwangcisiweyo.

ububanzi: 800px - ububanzi menu wethu 800 pixels.

padding: 0 - oku lisusa kwezikhuseli ngaphakathi.

imajini: auto - vyravnivnie menu tyaba kwiziko yephepha lethu.

# My_1menu li - anike styles li-elements.

ukuphakama: 55px - ukuphakama menu.

# My_1menu a: misa ndawonye - anike styles ukuba element kunye mouse xa uqhutyelwe.

Asiyi ukuchaza ngokweenkcukacha zonke line, njengoko ebethi developer ungakhankanya parameters zayo apha. Esi sisiseko kusetyenziswe iindlela kwi menu kwi website. Uyakwazi ayinike nenkangeleko ogqityiweyo ngakumbi kwaye mhle, usebenzisa imifanekiso. Yabela element kodwa, umzekelo, imvelaphi: url (img1.png) phinda-x. Makubekho imvelaphi: url (img2.png) phinda-x ukuba: hambisa.

Sebenzisa engqondo, ukhetho lwakho ngobuchule. Ke kusekelwe ukuba ulwazi ngendlela ukudala i menu elula kwi-website, unokuba iphepha kuyilo engaqhelekanga.