Блокийн төлөвлөгөө гэж юу вэ? өөрсдөө таны сайтын нэг хуудсыг хэрхэн ногдуулах вэ?

Өөрийн хуудас сайт хийж сурах нь хүсэл байдаг юм бэ? Дараа нь юу блок байршил эзэмшиж байна гэв. Layout шинэхэн бэрхшээл нь хэд хэдэн уулзаж, тэдний асуултад нь маш их байдаг. блок кодлох гэж юу болохыг авч үзье.

Чухал зөвлөгөө

Ашиглах WYSIWYG редактор, тэгээд бүх зүйл тодорхой байсан юм. Тэд бүх зүйлийг ойлгож, учир нь тэмдэглэлийн дэвтэр сайн HTML, ажил мэддэг хүмүүс. Тэгээд эхлэн давуу тал гэх FrontPage зэрэг хөтөлбөр, жишээ нь авч болно, эсвэл, Dreamweaver.

байршил сайт төрөл

зохион байгуулалтын хэд хэдэн төрөл байдаг:

1. Хүснэгтэн.
2. Block.
3. Холимог.

Бид блок зохион сонирхож байна. Энэ хүснэгтээс ямар ялгаж? DIV хаяг ашиглан блок зохион байдлаар тодорхой давуу талтай:

1. хурдан блок дизайн ачаална.
2. Агуулга (хүснэгтээс ялгаатай) блокуудыг харагдах татаж тохиолддог байна. мэдэгдэж байгаа тул эдгээр хүснэгтүүд нь зөвхөн бүхэлд нь ширээн дараа харуулах болно.
3. DIV-ын хялбараар код унших.

Энэ нь бүх давуу тал, блок зохион алдартай биш юм.

байршил DIV-блокуудыг хэрхэн өөрчлөх вэ?

Энэ ° в ° гч бидэнд туслах болно - энэ хөрөнгийг дараах чадвартай байдаг:

1. зүүн - уялдуулах орхисон.
2. зөв уялдуулах - эрхтэй.
3. Элемент тэр байсан юм хаана байна, тэр ч өгсөн бол хөдлөхгүй байх болно хэвээр байна. Энэ утга нь анхдагч байх болно.

бидэнд хэрэгтэй өөр нэг чухал онцлог нь - тодорхой. Тэрээр 4 утгыг байж болох юм:

1. эрх - өмнөх зүйл дээр суулгаж нь, зөв, блок руу шилжих.
2. Өмнөх элемент, зүүн тал руу нүүсэн байна Доорх Зүүн тогтоодог.
3. Аль аль нь - өмнөх нүүлгэн блок суулгах.
4. Байхгүй нүүсэн тэдгээр элементүүд нь блок харьцуулахад байдалд хязгаарлалт байхгүй байгааг харуулж байна.

жишээ нь

Энэ нь блок шиг хэрхэн харагдах авч үзье байршил DIV. Бид кодыг бичих:

хуулийн дагуу та үр дүнг үзнэ үү. хүссэн Тиймээс хэд хэдэн шинж чанар дээр үндэслэн блок зохион хянаж болно. Дараагийн агшинд явж байна. ямар нэг хөтөч нь блок тус бүр уялдуулах, төв: Бид текст уялдуулах хэрэглэж байна.

Таны харж байгаагаар, энэ сайт нь маш энгийн блок байршлын зураглал юм. Энэ нь судалж, хуудас нь илүү уян хатан тогтолцоог бий болгоно түүнээс дээш шинж дадлага хийх нь чухал юм.

илүү чухал ач холбогдолтой ямар нэг юм

зохион байгуулалт нь ашиглаж байгаа нэг алдартай боломж байдаг - албан тушаал, энэ байр суурь нь ашиглаж байна.

байдлын шинж утга:

1. Харьцангуй - тэдний анхны байрлал харьцангуй элементүүдийн байрлалыг тогтоодог. Хэрэглээний зүүн, дээд, righ, тодорхой чиглэлд доод элемент алхамууд.
2. Статик - хэвийн дэлгэц зүйл. Энэ нь баруун / зүүн, дээд / доод ашиглах ямар ч утгагүй - энэ нь юу ч хүргэж болно.
3. Туйлын - үнэмлэхүй байр суурь элемент.
4. Тогтмол - төстэй үнэмлэхүй. Энэ нь дэлгэц дээр тодорхой цэгт үүрэг байдаг, гэхдээ энэ нь ч хуудас эргүүлэхийн бол, байр сууриа өөрчилж болохгүй вэ.

Олон байршил блок нь, тогтмол үнэмлэхүй ба харьцангуй байр суурийг ашиглаж байгаа үед ууссан байгааг анзаарчээ. Тэгээд дараа нь сонирхолтой мэдэх доор блок, аль нь дээр. Энэ асуултанд хариулахын тулд, та Z-индекс өмч байх хэрэгтэй. Энэ нь шинэ түвшинд зохион байгуулалт блок авчирсан. Энэ нь зөвхөн онгоц байр суурийг гаргах, бас гурав дахь тэнхлэг З. ийм эд хөрөнгийг үнэ цэнэ нь эерэг буюу сөрөг байж болох аргаар боломжтой болгодог.

3 блок үүсгэнэ. Дараа нь үнэмлэхүй байр суурь нь туршилт.

Таны харж байгаагаар, энэ нь блокуудын байр суурийг өөрчлөх хялбар байдаг. одоо та нар боломжтой байна гэсэн үндсэн дээр ямар нэг бага блок байршил хуудас болгох. Илүү эд хөрөнгийг хэрэглэх нь таны ур чадварыг дээшлүүлэх болно.