Yintoni ubeko block? Indlela ukunyanzelisa iphepha olunye site yakho yabo?

Kukho umnqweno ukufunda ukwenza eyakho iziza amaphepha akho? Ngoko makhe aye kakuhle oko Ubeko block. bona makhwelo Layout ufezekise inani kobunzima, abe imibuzo emininzi. Khawuve oko block ikhowudi.

An tip ebalulekileyo

Sebenzisa umhleli WYSIWYG, ngoko yonke into icace. Abo abayaziyo HTML kakuhle, umsebenzi notebook, kuba baqonda yonke into. Kwaye wabaqalayo Ungathatha ingqalelo iinkqubo ezifana ekhasini okanye, umzekelo, Dreamweaver.

Types of sites layout

Kukho iindidi eziliqela layout:

1. Tabular.
2. Block.
3. Mixed.

Sinomdla kwi Ubeko block. Yintoni umahluko ukusuka etafileni? Xa ubeko block usebenzisa tag DIV kuneengenelo ezithile:

1. Layisha ekuyilweni iibhloko ngokukhawuleza.
2. Umxholo ubonisa iibhloko (ngokungafaniyo neetafile) njengoko umxokozelo kwenzeka. Njengoko yaziwa, ezi thebhile izakubonisa kuphela emva itafile yonke.
3. Code ne div-s lula ukufunda.

Kuba zonke iingenelo, nto idume ngayo ubeko block.

Indlela ukutshintsha indawo div-iibhloko?

Oku kuya kusinceda ukuba iflowuthi - lo mhlaba, ezinako ezi zilandelayo:

1. Lungelelanisa ukuya ngasekhohlo - ekhohlo.
2. Ukuze lungelelanisa ngasekunene - ngasekunene.
3. Isiqalelo uhlala apho yena, akayi kuhamba xa kunikwa namnye. Eli xabiso izakuba ngengagqibekanga.

Enye inkalo ebalulekileyo ekufuneka thina - ecacileyo. Kusenokuba amanani 4:

1. Kuba ukufakwa phantsi umba odlulileyo, sisiya ngasekunene, ibhloko - ekunene.
2. iiseti Ekhohlo ngezantsi element elidlulileyo, nto leyo wafudukela ekhohlo.
3. Zombini - Ukufakelwa block abafudukayo odlulileyo.
4. Akukho ibonisa kungekho miqobo indawo block kuthelekiswa ezo zinto ukuba lingashukumi.

umzekelo

Cinga ukuba iza kukhangeleka ngathi block njani div sebhodi. Thina ubhale ikhowudi wethu:

Phantsi ikhowudi ubona umphumo. Ngenxa yoko, ngenxa kweepropati eziliqela ungalawuleka ilungiselelo block njengoko oyifunayo. Yiya mzuzu elilandelayo. Siye sasebenzisa okubhaliweyo-lungelelanisa: iziko, ukulungelelanisa ibloko ngamnye njengawuphi na umkhangeli zincwadi.

Njengoko ubona, nto ilula block ubeko wesiza. Kubalulekile ukufunda kwaye basebenzise iipropati eziza kudala isakhiwo dyondzisaka amaphepha.

Into ebaluleke kakhulu

Kukho enye inkalo othandwayo esetyenziswa ubeko - sikhundla, isetyenziselwa imeko.

Iinqobo ze iimpawu yobume:

1. Relative - icwangcisa indawo eziqalelo ngokunxulumene kwiindawo zazo zokuqala. Isicelo ekhohlo, phezulu, embo, uhamba isiqalelo ezantsi indlela ethile.
2. Static - umba ukubonisa yesiqhelo. Kwenza akukho mqondo ukusebenzisa ekunene / ekhohlo, phezulu / ezantsi - oko kungakhokelela ekubeni nto.
3. Absolute - ndawo element ingundoqo.
4. Olusigxina - efanayo epheleleyo. Oku nakanjani ukuya kwindawo ethile kwikhusi kodwa ayithethi ukutshintsha indawo yayo, nokuba ezilingayo page.

Abaninzi layout waphawula ukuba xa usebenzisa uluhlu lwabaposelwa, ingundoqo kunye isalamane iibhloko kongezwe kulo. Kwaye ngoko umdla ukwazi ukuba yeyiphi iibhloko ngezantsi, leyo ngasentla. Ukuze uphendule lo mbuzo ipropati z-indeksi, udinga. Kwaba iibhloko isakhiwo ukuya kwinqanaba elitsha. Oku kwenza kube lula nje kuphela ukwenza wesijikelezi--moya, kodwa esebenzisa i Z. axis wesithathu Ixabiso propati inokuba elidibanisayo okanye elithabathayo.

Yenza iibhloko ezi-3. Okulandelayo, linga eyona ndawo ingundoqo.

Njengoko ubona, kulula ukutshintsha indawo iibhloko. Ngenxa yokuba wena unako ngoku, ukuba enze naliphi na ikhasi block ubeko aphantsi. Ukusebenzisa iimpawu kokukhona uya kukwazi ukuphucula ubuchule bakho.