Manaova marindrano sakafo ho an'ny toerana tena

Mitsivalana X-SAMPA tsy efa saika misy toerana - dia ampahany manan-danja, toy ny azo atao sy ny tarehiny sy ny fiasa izany mba hisarihana na, mifanohitra amin'izany, hampitahorana lasa mpitsidika. Andeha hianatra ny fomba hamoronana ny fototra marindrano menu: ataovy "taolana" ny HTML, mba hahafehy ny fahaiza-manao fototra ny famoronana. Afaka mahita ny efa vonona tokoa sakafo, fa be dia be ny tsara fanahy kokoa hianatra ny fomba hampivelarana izany ny tenanao. Tena tsara tarehy mahafinaritra.

Mianara hanao sakafo

Miezaka izahay mba tsy hihataka amin 'ny semantics, izay manaraka ny tari-dalan'ny sarin-ny fisehon'ny. Voalohany tsy maintsy hanao "taolana" noho ny karazan-tsakafo ho HTML, hianatra fahaiza-manao fototra mba ho marindrano ny karazan-tsakafo. Ary avy eo dia handravaka, amin'ny fampiasana fomba fanitso. Aoka ny horizontal sakafo misy 5 entana. Ny zavatra voalohany dia niova ho any amin'ny pejy fandraisana. Ny teboka faharoa - "Momba antsika". Ny fahatelo - "Ny mari-pankasitrahana". Fahefatra - "mahafinaritra izany." Fahadimy - "Contact us".

HTML-fehezan mijery toy izao:

Iza no tsy mahalala: ul no ampiasaina ho an'ny mari-pamantarana ny bala, ny singa manomboka amin'ny Li. Li Tags mandova ny fomba izay ampiharina amin'ny ul.

Ul - andian-tsoratra singa ny lisitra, dia ho namelatra ny sakany. Li ihany koa ny andian-tsoratra.

Noho izany, mamorona index.html. Tsy manangona ny fehezan-dalàna. Tamin'izay fotoana izay, ny navigateur mampiseho ny mijidina fa tsy marindrano ny sakafo. Fa izahay miaraka aminao tanjona - mba hanao marindrano sakafo ho an'ny toerana. Fa izao dia mila CSS.

Inona no atao hoe CSS?

Raha mbola mba hifehy ny fampandrosoana ny toerana, dia ilaina ny hatao nahalala ny foto-kevitra momba ravahan'ny Style Sheets. Raha ny marina, izao no fitsipika ho an'ny fandrafetana, fanodinana, izay ampiharina amin'ny singa samihafa ao amin'ny pejy ny tranonkala-toerana. Raha momba ireo fananan 'ny zavatra ao amin'ny fitsipika HTML, dia tsy maintsy mamerina izany imbetsaka, ianao mahazo ihany hitovian'ny ny tapa-fehezan-dalàna. Pejy entana ny fotoana amin'ny mpampiasa ny solosaina dia hitombo. Mba hisorohana izany, dia misy CSS. Dia ampy mba hilazana indray mandeha ihany no singa iray, ary avy eo dia manondro fotsiny ny toerana mampiasa ireo fananan 'ny fomba manokana. Azo atao ny manao ny famaritana ny tsy ny lahatsoratry ny pejy ihany, fa koa ao amin'ny rakitra hafa. Izany dia hanome fahafahana hampihatra ny famaritana ny fomba samy hafa rehetra amin'ny toerana pejy. Tsy mety ihany koa ny manova ny sasany pejy, manova ny rakitra CSS-. Style taratasy mamela anao hiasa amin'ny endritsoratra eo amin'ny sehatra tsara kokoa noho ny HTML, manampy mba tsy niharatsy ny sary pejy ny toerana.

Mampiasa Style Sheets ho an'ny sakafo fampandrosoana

CSS-fehezan-dalàna ho an'ny menu:

1. # My_1menu {lisitra fomba: tsy nisy; padding: 6; sakany: 800px; sisiny: fiara;}
2. # My_1menu Li {float: niala; endri-tsoratra: 18px Arial sora-mandry;}
3. # My_1menu ny {color: # 756; Display: andian-tsoratra; hahavony: 55px; MANAN-TANTARA-hahavony: 55px; padding: 0px 15px 0px 15px; andamosina: #dfc; text-ravaka: tsy nisy;}
4. # My_1menu ny: miaraka amin {color: #foa; andamosina: # 788;}

Andeha isika hijery ny vokatry marindrano CSS sakafo.

# My_1menu - ka misy asa ho an'ny UL- fomba singa amin'ny id = my_1menu, lisitra-fomba: tsy - io didy mba hanala ny marika navelan'ny ary ny ampitso zavatra.

sakany: 800px - ny sakany ny sakafo dia 800 teboka.

padding: 0 - izany manala ny padding anatiny.

sisiny: fiara - vyravnivnie marindrano sakafo ho ivon'ny ny pejy.

# My_1menu Li - nanendry fomba li-singa.

hahavony: 55px - sakafo avo.

# My_1menu iray: miaraka amin - nanendry fomba ny singa, ary rehefa nitarika totozy.

Dia tsy milaza amin'ny an-tsipiriany isan-andalana, tahaka ny isan-developer afaka mamaritra ny masontsivana eto. Io fototry ny ny fampiasana ny fomba ao amin'ny sakafo ao amin'ny vohikala. Afaka manome izany ho tsara tarehy kokoa ny vita sy ny tarehy, mampiasa sary. Omeo singa fa, ohatra, eo andamosina: URL (img1.png) hamerina-X. Aoka hisy eo andamosina: URL (img2.png) mamerina-X ho: miaraka amin.

Ampiasao ny saina, famoronana tiany. Dia izay mifototra amin'ny fahalalana momba ny fomba hamoronana tsotra sakafo ao amin'ny tranonkala, dia afaka hanana ny pejy manokana tsy manam-paharoa sy ny famolavolana.