Сайтаа төв рүү чиглүүл

Кодлохдоо вэбмастер сайтыг дэлгэцийн янз бүрийн нарийвчлалтай адил тэгш харагдуулахын тулд маш их хүчин чармайлт гаргах хэрэгтэй. Хамгийн сайн шийдэл бол хуудсан дээрх бүх агуулгыг төвлөрүүлэх явдал юм.

Зааварчилгаа

1-р алхам

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

… Мэдээжийн хэрэг бүх агуулгыг шошгонд боох нь илүү хялбар байдаг, гэхдээ энэ нь эрт дээр үеэс хоцрогдсон бөгөөд бүх зүйл зөв ажиллах баталгаа байхгүй болно. Хамгийн орчин үеийн арга бол CSS технологийг ашиглах явдал юм.

Алхам 2

Шошго нь кодын хэсгийг нэг блок болгон тусгаарлаж, агуулгын гадаад төрхийг өөрчлөх боломжийг олгоно, фрагментэд нэг фонт, өнгө, дэвсгэр гэх мэт. Блок байрлалаар шошгоны бүх агуулгыг шошгонд байрлуулна. Бид align шинж чанар бүхий тохируулгыг тохируулсан болно. Энэ нь иймэрхүү харагдах болно:

Сайтын агуулга

Алхам 3

Төвийг CSS хэрэгслийг ашиглан тохируулж болно. Үүнийг хийхийн тулд та хүснэгтийн тусдаа файл үүсгэх эсвэл бүх зүйлийг ижил HTML файлд, шошгон дээр байрлуулах хэрэгтэй. Код иймэрхүү харагдах болно:

* {маржин: 0; дүүргэлт: 0;}

бие {

текстийг зэрэгцүүлэх: төв;

}

div {

өргөн: 700px;

маржин: 0 автомат;

}

Алхам 4

Хүснэгтийн зохион байгуулалтанд төвд байрлах хүснэгтүүдийг ашиглан тохируулгыг хийдэг

… Код дараах байдалтай байх болно: <сайтын хүснэгт

… Хүснэгт нь хуудасны төвд тус тус байрлах бөгөөд агуулга нь мөн байх болно. Мөн та ямар ч блокийн өргөнийг параметрийн тусламжтайгаар зааж өгч болно.

Алхам 5

Хуудасны өргөнийг сонгохдоо хэрэглэгчдийн дэлгэцийн нягтрал таныхаас тэс өөр байж болохыг санаарай. Заримдаа хэмжээтэй андуурахгүйн тулд бүх зүйлийг хувь хэмжээгээр тохируулах хэрэгтэй. Хэрэв танд энгийн сайт байгаа бол энэ нь ялангуяа хэрэг болно.

Алхам 6

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