Beth yw cynllun y bloc? Sut i osod un dudalen o'ch safle ar eu pen eu hunain?

Mae awydd i ddysgu sut i wneud eich safle tudalennau eich hun? Yna gadewch i ni wedi meistroli hyn y mae'r cynllun bloc. newyddian Layout fodloni nifer o anawsterau, mae ganddynt lawer o gwestiynau. Ystyriwch beth yw codio bloc.

Un tip pwysig

Defnyddiwch y golygydd WYSIWYG, felly mae popeth yn gliriach. Mae'r rhai sy'n gwybod HTML yn dda, yn gweithio yn y llyfr nodiadau, oherwydd eu bod yn deall popeth. A gall dechreuwyr fanteisio ar raglenni fel FrontPage neu, er enghraifft, Dreamweaver.

Mathau o safleoedd cynllun

Mae sawl math o gynllun:

1. Tabl.
2. Bloc.
3. Cymysg.

Mae gennym ddiddordeb yn y cynllun bloc. Beth wahaniaethu oddi wrth y bwrdd? Ar cynllun bloc gan ddefnyddio tag DIV wedi rhai manteision:

1. Llwytho gyda dyluniad y blociau yn gyflymach.
2. Cynnwys arddangos blociau (yn wahanol dablau) fel y llwytho i lawr yn digwydd. Gan fod yn hysbys, bydd y tablau hyn yn dangos dim ond ar ôl y tabl cyfan.
3. Côd â div-s yn haws i'w ddarllen.

Mae'n nid yw'r manteision i gyd, sydd yn enwog am y cynllun bloc.

Sut i newid lleoliad div-blociau?

Bydd hyn yn ein helpu i arnofio - eiddo hwn, sy'n gallu o'r canlynol:

1. Alinio i'r chwith - chwith.
2. Alinio i'r dde - yn iawn.
3. Elfen yn dal yn lle yr oedd, na fydd yn symud os rhoddir dim. Bydd y gwerth yn 'r ball.

Nodwedd arall bwysig y mae angen i ni - yn glir. Efallai ei fod wedi 4 Gwerthoedd:

1. Ar gyfer gosod o dan yr eitem flaenorol, yn symud i'r dde, bloc - dde.
2. setiau Chwith isod yr elfen blaenorol, sy'n cael ei symud i'r chwith.
3. Mae'r ddau - Gosod bloc dadleoli blaenorol.
4. Dim yn dangos absenoldeb cyfyngiadau ar y sefyllfa y bloc gymharu â elfennau hynny sy'n cael eu symud.

enghraifft

Ystyriwch sut y bydd yn edrych fel bloc div cynllun. Rydym yn ysgrifennu ein cod:

O dan y cod a welwch y canlyniad. Felly, ar sail y nifer o eiddo y gellir eu trefniadau bloc a reolir fel y dymunir. Ewch i'r foment nesaf. Rydym wedi defnyddio testun-alinio: canol, i alinio pob bloc ar gyfer unrhyw borwr.

Fel y gwelwch, mae'n gynllun bloc eithaf syml y safle. Mae'n bwysig i astudio ac ymarfer y mwy o eiddo a fydd yn creu strwythur mwy hyblyg o'r tudalennau.

Rhywbeth mwy pwysig

Mae un nodwedd boblogaidd sy'n cael ei ddefnyddio yn y cynllun - y sefyllfa, mae'n cael ei ddefnyddio ar gyfer lleoli.

Mae'r gwerthoedd ar gyfer y priodweddau safle:

1. Perthynas - yn gosod sefyllfa'r elfennau o'i gymharu â'u lleoliadau gwreiddiol. Cais chwith, top, righ, gwaelod elfen yn symud i gyfeiriad penodol.
2. Statig - eitem arddangos arferol. Nid yw'n gwneud unrhyw synnwyr i ddefnyddio'r dde / chwith, top / gwaelod - gall arwain at ddim.
3. Absolute - elfen lleoli absoliwt.
4. Sefydlog - yn debyg absoliwt. Mae'n cael ei rwymo i bwynt penodol ar y sgrin, ond nid yw'n newid ei safle, hyd yn oed os dudalen flipping.

Mae llawer gosodiad sylwi bod wrth ddefnyddio lleoli sefydlog, absoliwt a chymharol o'r blociau yn cael eu harosod. Ac yna ddiddorol gwybod pa un o'r blociau isod, sy'n uchod. I ateb y cwestiwn hwn, mae angen eiddo z-mynegai. Daeth blociau cynllun i lefel newydd. Mae hyn yn ei gwneud yn bosibl nid yn unig i wneud y lleoliad yr awyren, ond hefyd drwy gyfrwng y trydydd Z. echelin Gall gwerth eiddo o'r fath fod yn gadarnhaol neu'n negyddol.

Creu 3 bloc. Nesaf, arbrofi gyda lleoli absoliwt.

Fel y gwelwch, mae'n hawdd i newid lleoliad y blociau. Ar sail y ffaith eich bod bellach yn gallu, i wneud unrhyw dudalen cynllun bloc elfennol. Cymhwyso'r mwy o eiddo y byddwch yn gwella eich sgiliau.