Itai chinjikira Muterere nzvimbo pachako

Horizontal Muterere vane chero nzvimbo - chinhu chinokosha, sezvo anogona rayo chitarisiko uye usability kukwezva kana, Ukuwo, kutya kure nevashanyi. Ngatidzidzei sei kuti pave zvokutanga chinjikira Muterere: kuti "marangwanda" kuna HTML natenzi dzinokosha unyanzvi rakasikwa. Unogona Zvechokwadi kuwana akagadzirira Muterere, asi zvikuru zvinofadza kudzidza kuva nayo pachako. Zviri akanaka mafaro.

Dzidza kuti Muterere

Tinoedza kusatsauka kubva semantics, izvo vanoomerera vaikudzwa inofananidza ari marongerwo. First unofanira kuita "marangwanda" kuti menu edu HTML, kudzidza unyanzvi hunokosha kuti pachavo chinjikira menu dzavo. Zvino zvichava shongedza, uchishandisa maitiro machira. Regai edu chinjikira Muterere rine 5 zvinhu. The chinhu chokutanga achaitwa redirected kuti bhora. The pfungwa yechipiri - "About isu". Wechitatu - "mibayiro Our". Wechina - "Zvinonakidza." Chechishanu - "Contact isu".

HTML-Bumbiro anotarira seizvi:

Ndianiko asingazivi: Ul Tag rinoshandiswa nokuda bara, masangano ayo anotanga pamwe him. Li Tags nhaka zvitaera vari kureva Ul.

Ul - chinogumbura chedziviriro pamazita, zvichaita ruchatambanudzirwa kuti upamhi. Li zvakare chidhina.

Saka, kusika munhu index.html. We unganidza bumbiro redu. Panguva iyi, Browser anoratidza kutwasuka pane chinjikira Muterere. Asi isu nemwi chinangwa - kuti chinjikira Muterere nzvimbo. Nokuti ichi tinoda CSS.

Chii CSS?

Kana uine asi kuva nounyanzvi pave nzvimbo, zvakafanira tinyatsoziva pfungwa Cascading Style Sheets. Kutaura zvazviri, izvi ndiwo mitemo kuti formatting, kubudiswa, ayo anechekuita siyana zvinhu pamusoro mapeji web-nzvimbo. Kana isu kutsanangura ehupfumi ose okunze ari mureza HTML, uchava kudzokorora izvi kakawanda, iwe kuwana kuburitsa mufananidzo zvakafanana nezvidimbu remitemo. peji mutoro nguva pakombiyuta ari rokushandisa kuchawedzera. Kuti izvi zvisaitike, pane CSS. Zvakatikwanira kutsanangura kamwe chete imwe Kufananidzira, uye ipapo anongoti kuratidza apo kushandisa zvivako ane maitiro. Zvinokwanisika kuti tsanangudzo kwete chete mashoko ari peji pacharo, asi pane imwe faira. Izvi zvichaita kuti kushandisa tsananguro dzakasiyana-siyana pamapeji ose nzvimbo. Chinhu nyore kuchinja zvimwe mapeji, kunatsiridza CSS-faira. Style machira kukubvumira kushanda fonts ari nani sandara kupfuura HTML, kubatsira kudzivisa kuwedzera kune Graphics mapeji nzvimbo.

Kushandisa Style Sheets kuti Muterere kukura

CSS-code for Muterere:

1. # My_1menu {zvawanyora mararamiro: hapana; padding: 6; upamhi: 800px; kumucheto: auto;}
2. # My_1menu he {ichiyangarara: akasiya; Fonts: Italic 18px Arial;}
3. # My_1menu ane {ruvara: # 756; kuratidza: misa; kukwirira: 55px; mutsetse-kukwirira: 55px; padding: 0px 15px 0px 15px; nechokumashure: #dfc; chinyorwa-kushongedzwa: hapana;}
4. # My_1menu rimwe: kuyengerera {ruvara: #foa; nechokumashure: # 788;}

Zvino ngatitarise kwaizoita chinjikira CSS Muterere.

# My_1menu - saka hapana chatiri basa UL- chinhu pamwe id = my_1menu, mazita mararamiro: hapana - murayiro uyu kubvisa mavanga kusiiwa yakarongwa zvinhu.

upamhi: 800px - noupamhi Muterere yedu 800 pixels.

padding: 0 - ichi anobvisa padding mukati.

kumucheto: car - vyravnivnie chinjikira Muterere nechepakati peji redu.

# My_1menu he - rakavapa zvitaera him-zvinhu.

kukwirira: 55px - Muterere kukwirira.

# My_1menu ane: kuyengerera - rakavapa zvitaera kuti maatomu akafanana uye kana anonyengetedzwa mbeva.

Hatidi hunonyatsodonongodza mutsetse ose, sezvo yokuvaka ose anogona tsanangurai parameters ayo pano. Izvi hwaro kushandiswa siyana vari Muterere pamusoro Website. Unogona kuripa kupfuura rapera uye chitarisiko, vachishandisa mifananidzo. Ipa chaikosha asi Somuenzaniso, background: URL (img1.png) vachidzokorora-x. Ngakuve nechokumashure: URL (img2.png) kudzokorora-X kuti: kuyengerera.

Shandisa zvokufungidzira, okusika zvavanosarudza. Zvadaro kwakavakirwa pazivo kuti sei kuumba nyore Muterere pamusoro Website, unogona kuva peji pamwe yayo akasiyana kugadzira.