Ki sa ki se Layout a nan blòk la? Ki jan yo enpoze yon paj yon sèl nan sit ou sou pwòp yo?

Gen yon dezi pou aprann fè paj sit pwòp ou a? Lè sa a, se pou yo te metrize sa Layout a blòk. inisyasyon Layout rankontre yon kantite difikilte, yo gen yon anpil nan kesyon. Konsidere ki sa ki blòk kodaj.

Yon pwent enpòtan

Sèvi ak editè la wiziwig, se konsa tout bagay te klè. Moun ki konnen HTML byen, travay nan kaye nòt la, paske yo konprann tout bagay. Ak débutan kapab pran avantaj de pwogram tankou FrontPage oswa, pou egzanp, Dreamweaver.

Kalite nan sit Layout

Gen plizyè kalite Layout:

1. Tabulaire.
2. Blòk.
3. Melanje.

Nou enterese nan Layout a blòk. Ki sa ki fè distenksyon li nan tablo a? Nan Layout blòk lè l sèvi avèk tag DIV gen avantaj sèten:

1. Chaj ak desen an nan blòk yo pi vit.
2. Content parèt blòk (kontrèman tab) kòm download a rive. Kòm se li te ye, tab sa yo pral montre sèlman apre yo fin tab la tout antye.
3. Kòd ak div-s pi fasil li.

Li se pa tout avantaj ki genyen, ki se pi popilè pou Layout nan blòk.

Ki jan yo chanje kote div-blòk yo?

Sa a ap ede nou flote - pwopriyete sa a, ki se kapab nan bagay sa yo:

1. Aliman bò gòch - kite.
2. Fè aliman dwa - dwat.
3. Eleman rete kote l 'te, li pa ap deplase si yo bay anyen menm. Sa a valè yo pral default la.

Yon lòt karakteristik enpòtan pou nou bezwen - klè. Li ka gen 4 valè:

1. Pou enstalasyon anba atik anvan an, deplase li nan yon dwa, blòk la - dwat.
2. Left kouche anba a eleman an anvan, ki se demenaje ale rete nan bò gòch la.
3. Tou de - Enstalasyon nan blòk anvan yo deplase.
4. Okenn endike absans la nan restriksyon sou pozisyon an nan blòk relatif la bay moun eleman ki brannen l '.

egzanp

Konsidere kijan li pral gade tankou yon blòk div layout. Nou ekri kòd nou an:

Anba kòd la ou wè rezilta a. Kidonk, sou baz la nan plizyè pwopriyete ka kontwole blòk aranjman kòm vle. Ale nan moman sa a kap vini an. Nou te itilize tèks-aliman: sant, fè aliman chak blòk pou nenpòt ki navigatè.

Kòm ou ka wè, li se byen senp Layout blòk nan sit la. Li enpòtan yo etidye epi pratike pwopriyete yo ki pi plis ki pral kreye yon estrikti pi fleksib nan paj sa yo.

Yon bagay pi enpòtan

Gen yon karakteristik popilè ki itilize nan Layout a - pozisyon, li se itilize pou pwezante.

Valè yo pou pwopriyete yo nan pozisyon:

1. Relative - kouche pozisyon an nan eleman yo relatif nan kote orijinal yo. Aplikasyon kite, tèt, righ, anba eleman mouvman nan yon direksyon ki sèten.
2. Anime - nòmal atik ekspozisyon. Li pa fè okenn sans yo sèvi ak dwa / kite, tèt / anba a - li pouvwa mennen nan pa gen anyen.
3. Absoli - absoli eleman pwezante.
4. Fiks - menm jan absoli. Li se mare nan yon pwen sèten sou ekran an, men li pa chanje pozisyon li, menm si paj ranvèrsan.

Anpil Layout remake ke lè l sèvi avèk yon fiks, absoli ak relatif pwezante nan blòk yo yo supèrpoz. Lè sa a, enteresan yo konnen ki nan blòk yo anba a, ki pi wo a. Pou reponn kesyon sa a, ou bezwen pwopriyete z-endèks. Li te pote blòk Layout nan yon nivo nouvo. Sa fè li posib pa sèlman fè pwezante la nan avyon an, men tou, pa vle di nan Z. la aks twazyèm Valè a tout moun ki tankou pwopriyete yon pouvwa gen pozitif oswa negatif.

Kreye 3 blòk. Apre sa, eksperyans ak pwezante absoli.

Kòm ou ka wè, li se fasil a chanje pozisyon nan blòk yo. Sou baz la nan lefèt ke ou yo kounye a se kapab, fè nenpòt ki paj layout blòk primè. W ap fè aplikasyon pwopriyete yo pi plis ou pral amelyore konpetans ou.