X'inhu l-format tal-blokka? Kif timponi paġna waħda ta 'sit tiegħek fuq tagħhom stess?

Hemm xewqa jitgħallmu jagħmlu siti tiegħek paġni stess? Imbagħad ejja jkunu mhaddma dak il-format blokka. novizzi Layout jilħqu numru ta 'diffikultajiet, dawn ikollhom ħafna mistoqsijiet. Ikkunsidra dak li huwa kodifikazzjoni blokka.

L-ponta importanti

Uża l-editur WYSIWYG, hekk kollox kien aktar ċar. Dawk li jafu HTML tajjeb, ix-xogħol fil-notebook, għaliex jifhmu kollox. U jibdew jistgħu jieħdu vantaġġ ta 'programmi bħal FrontPage jew, per eżempju, Dreamweaver.

Tipi ta 'siti tqassim

Hemm diversi tipi ta 'tqassim:

1. Tabulari.
2. Blokk.
3. Mħallta.

Aħna huma interessati fil-format blokka. Dak tiddistingwiha mit-tabella? Fl tqassim blokk jużaw tikketta DIV għandu ċerti vantaġġi:

1. Tagħbija mad-disinn tal-blokki aktar malajr.
2. Kontenut murija blokki (b'differenza tabelli) bħala iseħħ l-download. Kif inhu magħruf, dawn it-tabelli se display biss wara t-tabella kollu.
3. Kodiċi ma div-aktar faċli biex jinqara.

Huwa mhux l-vantaġġi, li huwa famuż għall-format blokka.

Kif tibdel l-div-blokki post?

Dan għandu jgħina biex float - din il-proprjetà, li huwa kapaċi ta 'dawn li ġejjin:

1. Tallinja xellug - xellug.
2. Biex tallinja dritt - id-dritt.
3. Element jibqa fejn kien, hu mhux se timxi jekk jingħata xejn. Dan il-valur se jkun l-inadempjenza.

Fattur ieħor importanti li għandna bżonn - ċara. Huwa jista 'jkollhom 4 valuri:

1. Għall-installazzjoni taħt l-element ta 'qabel, jimxu lejn il-lemin, blokk - id-dritt.
2. settijiet xellug taħt l-element ta 'qabel, li hija trasferita lejn ix-xellug.
3. Kemm - Installazzjoni ta 'blokk spostati preċedenti.
4. Xejn tindika l-assenza ta 'restrizzjonijiet fuq il-pożizzjoni tal-blokka relattiva għal dawk l-elementi li huma mċaqalqa.

eżempju

Jikkunsidraw kif se look like blokk div tqassim. Aħna tikteb kodiċi tagħna:

Taħt il-kodiċi tara r-riżultat. Għalhekk, fuq il-bażi ta 'diversi proprjetajiet jista' jiġi kkontrollat arranġament blokk kif mixtieq. Mur fil-mument li jmiss. Aħna użati test allinjament: ċentru, jallinjaw kull blokk għal kwalunkwe browser.

Kif tistgħu taraw, huwa pjuttost sempliċi blokk tqassim tas-sit. Huwa importanti li l-istudju u l-prattika l-proprjetajiet aktar li se toħloq struttura aktar flessibbli tal-paġni.

Xi ħaġa aktar importanti

Hemm fattur wieħed popolari li huwa użat fil-format - pożizzjoni, huwa użat għall-pożizzjonament.

Il-valuri għall-proprjetajiet ta 'pożizzjoni:

1. Relattiva - tistabbilixxi l-pożizzjoni tal-elementi relattivi għall-postijiet oriġinali tagħhom. Applikazzjoni xellug, top, righ, jiċċaqlaq element qiegħ f'direzzjoni partikolari.
2. Statiku - oġġett wiri normali. Ma jagħmilx sens li tuża d-dritt / xellug, top / qiegħ - dan jista 'jwassal għal xejn.
3. Assoluta - Element pożizzjonament assoluta.
4. Fiss - simili assoluta. Huwa marbut li ċertu punt fuq l-iskrin, iżda ma jibdel il-pożizzjoni tiegħu, anki jekk flipping paġna.

Ħafna tqassim ndunat li meta jużaw pożizzjonar fiss, assolut u relattiv tal-blokok huma superimposti. U mbagħad interessanti li tkun taf liema mill-blokki taħt, li hawn fuq. Sabiex tingħata risposta għal din il-mistoqsija, għandek bżonn proprjetà z-indiċi. Hija ressqet blokki tqassim għal livell ġdid. Dan jagħmilha possibbli mhux biss li jagħmlu l-ippożizzjonar tal-pjan, iżda wkoll permezz tat-tielet Z. assi Il-valur ta 'dik il-proprjetà jista' jkun pożittiv jew negattiv.

Oħloq 3 blokki. Sussegwentement, esperiment ma 'pożizzjonament assoluta.

Kif tistgħu taraw, huwa faċli li jibdlu l-pożizzjoni tal-blokki. Fuq il-bażi tal-fatt li inti issa jistgħu, biex jagħmlu kull paġna tqassim blokk elementari. Applikazzjoni tal-proprjetajiet aktar inti se ttejjeb il-ħiliet tiegħek.