CSS нь вэб хуудас бүтээх хамгийн сайн арга юм
Зорилго вэб хуудасны загвар үүсгэхийн тулд хүснэгт хэрэглэхэд танил болсон тохиолдолд CSS-ийн загварыг бичих нь ялангуяа төвөгтэй байж болно. Гэхдээ HTML5 байршлын хувьд хүснэгтийг зөвшөөрдөг боловч энэ нь тийм ч сайн санаа биш юм.
Хүснэгтэнд хүрч чадахгүй байна
Хайлтын системтэй адил ихэнх дэлгэц уншигч HTML хуудсанд байрлуулсан дарааллаар вэб хуудсыг уншдаг. Ширээний уншигчдыг задлан шинжлэхэд ширээ маш хүнд байж болно. Энэ нь хүснэгтийн байршлын агуулгаар шугаман байх үед зүүнээс баруун, дээд талаас уншиж байхдаа үргэлж утга учиргүй байдагтай холбоотой юм. Дээрх хүснэгтүүд нь хүснэгтэн дээрх олон янзын зайтай хуудаснууд нь хуудасны хуудсыг олоход хүндрэлтэй байдаг.
Энэ нь HTML5 тодорхойлолт нь байршлын хувьд хүснэгтийн эсрэг санал болгож байгаа шалтгаан, яагаад HTML 4.01 үүнийг зөвшөөрөхгүй байна. Нэмэлт хялбархан вэб хуудсууд нь илүү олон хүмүүс үүнийг ашиглах боломжийг олгодог бөгөөд мэргэжлийн дизайнерын тэмдэг юм.
CSS-ийн тусламжтай та хуудасны зүүн талд хамаарах хэсгийг тодорхойлж болно. Дараа нь уншигчид болон хайлтын системүүд нь адилхан чухал хэсгүүдийг (агуулгыг) уншиж, хамгийн чухал хэсэг нь (навигаци) хамгийн сүүлд уншдаг.
Хүснэгтүүд нь төвөгтэй
Вэб засварлагчтай хүснэгт үүсгэсэн ч гэсэн таны вэб хуудас маш төвөгтэй, хадгалахад төвөгтэй хэвээр байх болно. Хамгийн энгийн вэб хуудаснаас гадна ихэнх зурагны хүснэгтүүд нь олон тооны шинж чанарууд болон түүвэрлэсэн хүснэгтүүдийг ашиглахыг шаарддаг.
Хүснэгтийг бүтээх нь үүнийг хийхэд амархан мэт санагдаж болох боловч үүнийг хадгалах хэрэгтэй. Зургаан сарын дараа мөрөнд яагаад хүснэгтийн үүрэн дээр эсвэл хэд хэдэн нүд нь дараалсан байгааг санах нь амархан биш байж магадгүй юм. Түүнчлэн, хэрэв та вэб хуудсаа багийн гишүүн байдлаар хөтлөх юм бол хүснэгтүүд хэрхэн ажилладаг тухай хүн бүрт тайлбарлах хэрэгтэй. Өөрчлөлт хийхэд нь нэмэлт цаг шаардагдана.
CSS нь бас төвөгтэй байж болох боловч толилуулга нь HTML-аас тусдаа байлгаж, урт хугацаанд хадгалахад илүү хялбар болгодог. Түүнээс гадна, CSS байршлаар та нэг CSS файл бичиж, бүх хуудсаа ийм аргаар харж болно. Мөн вэбсайтынхаа зохион байгуулалтыг өөрчлөхийг хүсвэл CSS файл болон бүх вэбсайтыг өөрчлөхийг хүссэн хуудас бүрийг нэг хуудсанд дамжуулдаг.
Хүснэгтүүд нь уян хатан байна
Хэдийгээр хүснэгтийн байршлыг хувиар илэрхийлж болох боловч ачаалал ихтэй байдаг бөгөөд таны байршлыг хэрхэн харагдахыг эрс өөрчилж болно. Гэхдээ та ширээндээ зориулан тодорхой өргөнтэй хэрэглэж байгаа бол танд маш нарийн ширүүн байрлалтай байх бөгөөд энэ нь өөр өөр хэмжээстэй монитор дээр харагдахгүй болно.
Олон монитор, хөтөч, тогтоолууд дээр сайн харагдах уян хатан бүтэц бий болгох нь харьцангуй амар байдаг. Үнэн хэрэгтээ, CSS медиа асуулгатай бол, та янз бүрийн хэмжээтэй дэлгэцийг тусад нь загварчилж болно.
Үүсгэсэн хүснэгтүүд нь CSS-ээс илүү хурдтай ачаалах хэрэгтэй
Хүснэгтэд сонирхолтой зураглал хийх хамгийн нийтлэг арга бол "үүр" хүснэгт юм. Энэ нь нэг (эсвэл түүнээс дээш) хүснэгтэд нөгөө хэсэгт байрлуулсан гэсэн үг юм. Илүү олон тооны хүснэгтүүд нь вэб хөтөч хуудсыг үзүүлэхэд илүү урт хугацаа шаардагдана.
Ихэнх тохиолдолд хүснэгтийн загвар нь CSS дизайнаас илүү олон тэмдэгтийг үүсгэдэг. Мөн цөөхөн тэмдэгт нь татаж авахад бага утгатай.
Хүснэгтүүдийг хайлтын системийг оновчтой болгох боломжтой
Хамгийн түгээмэл хүснэгтийн хуудсыг үүсгэсэн нь хуудасны зүүн тал болон баруун талын гол агуулгатай залуур талбартай байдаг. Хүснэгт ашиглах үед энэ нь (ерөнхийдөө) HTML-т эхний контент нь зүүн гарт залуурдах зурвасыг шаарддаг. Хайлтын систем нь агуулга дээр тулгуурлан хуудсуудыг ангилдаг бөгөөд олон хөдөлгүүр нь хуудасны дээр гарч ирэх агууламж бусад агуулгаас илүү чухал болохыг тодорхойлно. Тиймээс, зүүн гарт залуурдах хуудсыг эхлээд залуурдахаас чухал ач холбогдолгүй агуулгатай байх болно.
CSS ашиглахын тулд та өөрийн HTML-т чухал агуулгыг эхэлж тавьж дараа нь дизайнад хаана байршуулахыг тодорхойлохын тулд CSS ашиглах боломжтой. Энэ нь хайлтын систем нь хамгийн чухал контентийг харах болно гэсэн үг юм.
Донын хүснэгтийг үргэлж сайн хэвлэх хэрэгтэй
Хүснэгтүүдийн олон загвар нь сайн хэвлэгдээгүй тул хэвлэгчийн хувьд хэтэрхий өргөн байна. Тиймээс тэдгээрийг тохируулахын тулд хөтчүүд нь хүснэгтүүдийг тасдаж, доорх хэсгүүдийг хэвлэнэ. Заримдаа та зүгээр харагдаж байгаа хуудсуудтай тулгарах боловч бүх баруун тал байхгүй болно. Бусад хуудаснууд нь янз бүрийн хуудасны хэсгүүдийг хэвлэнэ.
CSS-ийн тусламжтайгаар та хуудсыг хэвлэхийн тулд тусдаа загварын хуудас үүсгэж болно.
Байршуулах хүснэгт HTML 4.01 дотор буруу байна
HTML 4 тодорхойлолтод: "Хүснэгтийг зөвхөн үзэгдэхгүй медиа явуулах үед асуудал үүсгэж болзошгүй тул баримт бичгийн агууламжийг хадгалах хэрэгсэл болгон ашиглах ёсгүй."
Тэгэхээр, та HTML 4.01 бичихийг хүсвэл, та байршлын хувьд хүснэгт хэрэглэх боломжгүй. Та зөвхөн хүснэгтийг харахын тулд хүснэгтийг ашиглах хэрэгтэй. Мөн хүснэгтийн өгөгдөл нь хүснэгт эсвэл магадгүй мэдээллийн баазад харуулж болох зүйл шиг харагддаг.
Гэхдээ HTML5 дүрмүүдээ өөрчилж, одоо хүснэгтийн хувьд хүснэгтийн хувьд өөрчлөхийг зөвлөдөггүй, одоо хүчин төгөлдөр HTML байна. HTML5 тодорхойлолт нь: "Хүснэгтүүдийг байршлын тусламж болгон ашиглах ёсгүй".
Яагаад гэвэл дээр дурдсаны дагуу дэлгэц уншигчдад ялгахад хэцүү байдаг учраас хүснэгтүүд нь хэцүү байдаг.
Таны хуудсуудыг байршуулах, байрлуулах CSS ашиглах нь таны хэрэглэж буй загварыг үүсгэхэд ашигладаг цорын ганц хүчин төгөлдөр HTML 4.01 арга юм. Мөн HTML5 нь энэ аргыг мөн санал болгодог.
Ажлын байрны хүснэгтүүд нь таны ажил үүргээ биелүүлэх боломжтой
Илүү их шинэ дизайнерууд HTML болон CSS сурах тусам барилгын ур чадварыг сайжруулахад шаардагдах ур чадвар нь арай бага, эрэлт багатай байх болно. Тиймээ, хэрэглэгчид таны веб хуудсыг бүтээхэд яг тохирох технологийг ашигладаггүй нь үнэн юм. Гэхдээ тэд дараах зүйлийг асууж байна:
- Нэвтрэх веб хуудсууд: дэлгэц уншигчдын үзэж болох загваруудыг олон улс орон, компаниуд корпорацууд өдөр бүр илүү хүртээмжтэй, хүртээмжтэй болгож байна.
- Байнгын вэбсайтууд: ирээдүйд тэдгээрийг хадгалахгүй бол ч тэдэнтэй хамт авч явах боломжтой.
- Уян хатан загварууд: олон хөтөч, шийдэл, төхөөрөмжүүд дээр ажилладаг загварууд.
- Хуудас татаж авахад хурдан: Интернет хүртэл хүртэл илүү хурдацтай, илүү чухал болж байна.
- Хэвлэмэл дизайн: тусгай скрипт эсвэл нэмэлт хуудсуудгүйгээр хэвлэх боломжтой хуудас.
Хэрэв та үйлчлүүлэгчдээс хүссэн зүйлээ хүргэж чадахгүй бол, тэд магадгүй өнөөдөр биш, магадгүй ирэх жил, эсвэл дараа жилийн дизайныг танд ирэх болно. 1990-ээд оны сүүлээс хойш ашиглагдаж байсан техникийг сурах хүсэлгүй байгаа учраас бизнесээ зовоож чадах уу?
Moral: CSS ашиглахыг сурч байна
CSS нь сурахад хэцүү байж болох боловч ямар нэг зүй зохистой зүйл нь хүчин чармайлттай байх болно. Таны чадварыг зогсонги байдалд оруулахгүй байх. CSS-г сурч, вэб хуудсаа байршуулахдаа CSS-тэй ажиллахаар төлөвлөсөн болно.