Firegewde ya block çi ye? How to ferz rûpel yek ji numreya te li ser xwe bi xwe?

e bo daxwaza hînbûnê ji bo ku rûpelên malperên xwe bi xwe heye? Hingê em çi layout astengkirina mastered kirine. novice Layout hevdîtina hejmarek ji zehmetiyên, ew xwedî gelek pirs. Binêrin çi ji kodên block e.

An tip girîng

Bi kar tînin de editor WYSIWYG, da her tişt zelaltir bû. Kesên ku HTML baş, kar, dizanin ku di defterekê, ji ber ku ew her tiştî fêm bikin. Û beginners dikarin sûd ji bernameyên wek FrontPage bigirin, an jî, ji bo nimûne, Dreamweaver.

Types malperên layout

in cureyên çend ji rengê hene:

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

Em bala layout block de ne. Çi ji sifra cihź? Li layout astengkirina bikaranîna tag DIV hin feydeyên:

1. Load bi sêwirandina blokên leztir.
2. Content blokên kiriyî (bervajî maseyên) wek download pêk tê. Wekî ku tê zanîn, di van tabloyên wê bi tenê piştî ku hemû sifrê hegera.
3. Code bi div-s hêsantir xwendin.

Ev ne ji hemû avantajên, e ku navdar ji bo layout block ye.

Karvedana rijiyana location div-blokan?

Ev ji me re dê alîkar ji bo float - vê malê, ku jêhatî yên li jêr e:

1. Align hiştin - hiştin.
2. To align mafê - rastê.
3. Element dimîne ku ew li ku bû, ku wî bi wê bar eger dayîn none. Ev nirxê wê ya standard be.

Taybetmendiyeke din a girîng ku divê em - zelal. Ew dikarin 4 nirxên heye:

1. Ji bo sazkirina bin babete berê, bar ji bo ku mafê, block - rastê.
2. sets Çepê jêr hêmana berê, ku li ser milê çepê bi cî bûn.
3. Herdu - Installation of block warên xwe yên berê.
4. None nîşan dide ku nebûna sînordariyên li ser rewşa block merivê ji wan hêmanên ku koçî bi.

mînak

Binêrin, çawa ku ew dê wek block binêrin div layout. Em binivîse code me dike:

Bin, tu dikarî kodê encama bibînin. Bi vî awayî, li ser bingeha çend taybetiyên dikare wekî xwestin kontrola arrangement block. Go to niha next. Em text-align bi kar anî: center, ji bo align hev block bo tu browser.

Wek ku hûn dibînin, ev layout block gelekî sade ji malperê ye. Ev girîng e ku xwendin û pêkanîna bêtir xanîyên ku dê struktura nerm û lapera biafirîne.

Tiştekî girîng e

e yek taybetiya gel de ye ku di layout bikaranîn hene - helwesta, ku ji bo pozîsyona bikaranîn.

Nirxên ji bo taybetiyên helwesta:

1. Dengûbasên - navborî li cihê hêmanan ji bo xizmên cihên xwe yên resen. Application hiştin, top, rìgh, moves element bottom di direction hin.
2. Static - babete display normal. Ev jî ti wateya ku bikaranîna mafê / çep, jor / jêr - dibe ku ji bo tiştek bibe.
3. Absolute - element positioning mitleq.
4. Fixed - similar mitleq. Ev yek ji bo demeke diyar li ser ekranê girêdayî, lê belê ev helwesta xwe biguherînin, ne, heta eger rûpel Flipping.

Gelek layout dît ku dema bikaranîna positioning fixed, mitleq û xizman yên blokên bi jêre. Û paşê balkêş bizanin ku blokên li jêr, ku li jor. Ji bo bersiva vê pirsê, divê hûn malê z-index. Ev blokên layout bi astekî nû anî. Ev jî, mirov ne tenê ji bo ku li positioning ya balafirê, di heman demê de jî bi îmkanên ji Z. axe sêyem ya nirxa wisa milkan bêt erênî an jî neyînî.

Create 3 blokan. Next, ceribandineke bi positioning mitleq.

Wek ku hûn dibînin, ev hêsan e, ji bo guhertina helwesta blokan. Li ser bingeha wê yekê ku tu niha nikarin, ji bo ku ti rûpel layout block seretayî. Serî de bêtir xanîyên we dê şîyana te baştir.