Yuav ua li cas yog qhov layout ntawm lub thaiv? Yuav ua li cas kom ib sab ntawm koj qhov chaw nyob rau hauv lawv tus kheej?

Muaj yog ib tug lub siab xav mus kawm rau koj tus kheej cov nplooj ntawv qhov chaw? Ces wb muaj mastered dab tsi thaiv layout. Layout novice raws li ib tug xov tooj ntawm los xij, lawv muaj ib tug ntau ntawm cov lus nug. Xav txog dab tsi yog thaiv coding.

Ib qho tseem ceeb ntsis

Siv lub WYSIWYG editor, ces txhua yam yog dlaim phaj. Cov neeg uas paub HTML zoo, ua hauj lwm nyob rau hauv cov phau, vim hais tias lawv to taub txhua yam. Thiab beginners yuav coj kom zoo dua ntawm cov kev pab cuam xws li Frontpage los yog, piv txwv li, Dreamweaver.

Hom layout chaw

Muaj ob peb hom layout:

1. Tabular.
2. Thaiv.
3. Tov.

Peb txaus siab nyob rau hauv lub thaiv layout. Yuav ua li cas distinguishes nws los ntawm lub rooj? Thaum thaiv layout siv DIV lossis muaj tej yam zoo:

1. Thauj khoom nrog rau cov tsim ntawm tus blocks sai.
2. Cov ntsiab lus tso tawm kom pom blocks (tsis zoo li lub rooj) raws li cov download tshwm sim. Raws li yog lub npe hu, cov lub rooj yuav tso saib tsuas yog tom qab tag nrho cov lus.
3. Code nrog div-s yooj yim rau kev nyeem ntawv.

Nws tsis yog tag nrho cov zoo, uas yog nto moo rau tus thaiv layout.

Yuav ua li cas los mus hloov lub chaw div-blocks?

Qhov no yuav pab kom peb ntab - cov cuab yeej no, uas muaj peev xwm sawv ntawm qhov nram qab no:

1. Dlhos sab laug - sab laug.
2. Yuav kom ua kab txoj cai - txoj cai.
3. Caij tseem nyob qhov twg nws yog, nws yuav tsis txav mus yog muab tsis muaj leej twg. Qhov no tus nqi yuav lub neej ntawd.

Ib qho tseem ceeb feature uas peb yuav tsum tau - ntshiab. Nws yuav muaj 4 qhov tseem ceeb:

1. Rau installation nyob rau hauv lub yav dhau los yam khoom, txav mus rau sab xis, thaiv - txoj cai.
2. Poob poob lawm hauv qab no yav dhau los lub caij, uas yog mus rau sab laug.
3. Ob leeg - Installation ntawm yav dhau los moog thaiv.
4. Tsis qhia hauv lub qhaj ntawv ntawm kev txwv rau cov hauj lwm ntawm kev thaiv txheeb ze rau cov neeg hais tias yog txav mus li.

Piv txwv li

Xav txog yuav ua li cas nws yuav zoo li ib block layout div. Peb sau peb code:

Nyob rau hauv cov cai uas koj pom cov kev tshwm sim. Yog li, nyob rau lub hauv paus ntawm ob peb lub zog yuav tswj tau thaiv kev kho raws li xav. Mus rau tom ntej no lub sij hawm ntawd. Peb tau siv ntawv nyeem-dlhos: center, dlhos txhua thaiv rau tej browser.

Raws li koj tau pom, nws yog yooj yim heev thaiv layout ntawm lub site. Nws yog ib qho tseem ceeb los kawm thiab xyaum qhov ntau thaj chaw uas yuav tsim ib tug ntau saj zawg zog qauv ntawm cov nplooj ntawv.

Ib yam dab tsi tseem ceeb

Muaj yog ib tug nrov feature uas yog siv nyob rau hauv lub layout - txoj hauj lwm, nws yog siv rau Tso.

Lub qhov tseem ceeb rau lub thaj chaw ntawm txoj hauj lwm:

1. Tus kwv tij - teev rau txoj hauj lwm ntawm lub ntsiab txheeb ze mus rau lawv qub chaw. Daim ntawv thov sab laug, sab saum toj, righ, hauv qab lub caij tsiv nyob rau hauv ib tug tej yam kev taw qhia.
2. Zoo li qub - ib txwm zaub yam khoom. Nws ua rau tsis muaj kev nkag siab rau siv txoj cai / sab laug, sab saum toj / hauv qab - nws kuj yuav ua rau tsis muaj dab tsi.
3. Tsis - tsis tso caij.
4. Taag - uas zoo sib xws txog. Nws yog txhua yam rau ib tug tej yam taw tes rau qhov kev tshuaj ntsuam, tab sis nws tsis hloov nws txoj hauj lwm, txawm hais tias page flipping.

Muaj ntau layout pom tias thaum uas siv ib tug taag, tsis thiab txheeb ze tso ntawm lub blocks yog superimposed. Thiab ces nthuav kom paub uas ntawm lub blocks hauv qab no, uas hais saum toj no. Yuav kom teb tau lo lus nug no, koj yuav tsum z-index cov cuab yeej. Nws coj layout blocks mus rau ib tug tshiab. Qhov no ua rau nws tau tsis tsuas yuav ua rau cov muab tso rau ntawm lub dav hlau, tab sis kuj los ntawm txoj kev peb axis Z. Tus nqi ntawm xws li ib tug vaj tse tej zaum yuav zoo los tsis zoo.

Tsim 3 blocks. Tom ntej no, xyaum ua tej yam nrog tsis tso.

Raws li koj tau pom, nws yog ib qho yooj yim los mus hloov rau txoj hauj lwm ntawm lub blocks. Nyob rau lub hauv paus ntawm qhov tseeb hais tias koj yog tam sim no muaj peev xwm, los mus ua kom tej elementary thaiv layout page. Thov qhov ntau zog koj yuav ua kom koj cov kev txawj.