Дизайнаас Агуулга Агуулга нь Сайтын менежментийг илүү хялбар болгодог
CSS (Cascading Style Sheets) нь вэбсайтын хэв маягийг хэвшүүлэх, де факто арга хэлбэр болж чаддаг. Загвар зохион бүтээгчид загварыг ашиглахын тулд вебсайтыг өнгө, зай, фонт, олон зүйлсийг харуулсан вэбсайт хэрхэн харагдах, харагдах байдлаар харуулахыг зааж өгдөг.
CSS загварыг хоёр аргаар хийж болно:
- Тойм - Вэб хуудсын кодчиллын дотроос хувь хүн, элемент-элементийн үндэслэл
- Вэбсайттай холбосон CSS баримт бичигт
CSS-ийн шилдэг туршлагууд
"Шилдэг туршлага" гэдэг нь хамгийн үр дүнтэй, хамгийн үр өгөөжтэй гэдгээ баталсан вэбсайтуудыг зохиох, барьж байгуулах арга юм. Вэб дизайныг CSS-д оруулснаар вэбсайтууд нь боломжийнхоо харагдах боломжтой. Эдгээр нь бусад вэб хэлүүд, технологиудын туршид хөгжиж ирсэн бөгөөд CSS загварыг ашиглах нь илүү тохиромжтой арга юм.
CSS-ийн шилдэг туршлагуудыг дагах нь таны сайтыг дараах байдлаар сайжруулж чадна:
- Дизайнаас контентыг ялгаж салгах. CSS-ийн үндсэн зорилгуудын нэг нь дизайн элементүүдийг HTML-ээс хасах, дизайнер хадгалахын тулд өөр байршилд байрлуулах явдал юм. Энэ нь хөгжүүлэгчдээс дизайнеруудыг ялгаж салгахад тусалдаг бөгөөд ингэснээр тус бүр өөрсдийн мэргэшсэн салбарт анхаарлаа хандуулах болно. Дизайнер нь вэбсайтын харагдах байдлыг хадгалах хөгжүүлэгч байх албагүй.
- Тэжээвэр үйлчилгээ хялбар. Вэб дизайны хамгийн таагvй элементvvд бол засвар vйлчилгээ юм. Хэвлэмэл материалуудаас ялгаатай нь вэбсайт хэзээ ч "нэг юм хийгээд дуусаагүй" байдаг. Агуулга, дизайн, функц нь цаг хугацааны явцад өөрчлөгдөж байдаг. Вэбсайтаа CSS-ээр цацахын оронд төв байранд нь CSS байрлуулж, тэдгээрийг хадгалахад илүү хялбар болгодог.
- Таны сайтад нэвтрэх боломжтой. CSS загварыг ашиглах нь хайлтын систем болон тахир дутуу хүмүүс таны сайттай харилцахад тусалдаг.
- Таны вэбсайт удаан ажиллаж байна. CSS-тай шилдэг туршлагыг ашигласнаар та вэбийн дизайны орчин дахь өөрчлөлтийг хангаж чадахуйц тогтвортой боловч уян хатан стандартыг мөрдөж байна.
Шугамын хэлбэрүүд нь хамгийн сайн практик биш юм
Суурь загвар нь зорилготой байхад ерөнхийдөө таны вэбсайтаа хадгалах хамгийн сайн арга биш юм. Тэд хамгийн шилдэг туршлагуудын эсрэг явдаг.
- Шугамын загвар нь дизайнаас агуулгыг тусад нь салгаж болохгүй. Inline загварууд нь орчин үеийн хөгжүүлэгчидтэй төмөр замаар холбогдсон embedded font болон бусад clapsy дизайн хаягуудтай яг адилхан юм. Загварууд нь зөвхөн хэрэглэж буй элементүүд дээр нөлөөлдөг; Энэ нь танд илүү нарийн хяналт тавих боломжийг олгодог бөгөөд энэ нь илүү төвөгтэй байдал гэх мэт дизайн, хөгжлийн бусад талуудыг бий болгодог.
- Тойргийн хэв маягийг засах нь толгой өвдөхөд хүргэдэг. Та stylesheets-тэй ажиллаж байхдаа хэв маяг нь хаана байрладагийг тодорхойлох нь хэцүү байдаг. Та шугамын холимог , агуулагдсан болон гадны хэв маягийн хольцтой харьцах үед танд олон байршил байгаа. Хэрэв та вэб дизайны баг дээр ажиллаж байгаа эсвэл өөр хэн нэгний байгуулсан сайтыг дахин дизайн хийх эсвэл хадгалах шаардлагатай бол илүү их асуудалтай тулгарах болно. Нэгэнт хэв маягийг олоод өөрчилсөн бол, элемент бүрийн дээр элемент бүр дээр байрлуулах болно. Энэ нь цаг хугацаа, ажлын төсвийг одон орон судлалаар нэмэгдүүлдэг.
- Шугамын загвар нь хүртээмжтэй биш юм. Орчин үеийн дэлгэцийн уншигч эсвэл бусад туслах төхөөрөмж нь inline шинж чанарууд болон хаягуудыг үр дүнтэй удирдах чадвартай байж болох боловч зарим хуучин төхөөрөмжүүд зарим нэг хачирхалтай вэб хуудсуудад хүргэж чадахгүй. Нэмэлт тэмдэгтүүд болон текст нь таны хуудас хэрхэн хайлтын систем роботоор хэрхэн нөлөөлж болохыг харуулдаг тул таны хуудас хайлтын системийн оновчлол (SEO) -ийг ч мөн адил хийдэггүй.
- Шугамын загвар нь таны хуудсыг илүү том болгодог. Хэрэв та сайтынхаа догол мөр бүрийг тодорхой аргаар харуулахыг хүсч байгаа бол та гадаад зураасаар зурах кодыг зурах кодыг 6 удаа нэг удаа хийж болно. Хэрэв та доторх загвараар үүнийг хийвэл, та эдгээр загварыг өөрийн сайтынхаа догол мөр бүрт нэмэх хэрэгтэй. Хэрэв танд таван мөр CSS байгаа бол таван мөр нь таны сайт дээрх догол мөр бүрт үржигддэг. Энэ зурвасын өргөн болон ачааллын хугацаа яаран нэмэгдэх боломжтой.
Inline Styles хувилбарууд: Гадаад Stylesheets
Шугаман стилийг ашиглахын оронд гадны хэв маяг ашиглана уу. Тэд танд CSS шилдэг туршлагын бүх ашиг тусыг өгдөг бөгөөд ашиглахад хялбар юм. Ийм аргаар ажил эрхэлдэг, таны вэбсайтад ашигладаг бүх загвар нь тусдаа баримт бичигт нэг кодын хамт веб документтай холбоотой байдаг. Гадаад хэв маяг нь хавсаргасан баримт бичигт нөлөөлдөг. Энэ нь хуудас бүр нь ижил загвартай ижилхэн загвартай хуудсуудыг ашигладаг - энэ нь ерөнхийдөө хэрхэн хийгдэж байгаа гэсэн үг юм - эдгээр загваруудыг нэг дор нэг удаа өөрчлөх боломжтой. Нэг цэгийн хэв маягийг өөрчлөх нь таны вэбсайтын хуудас бүрийн хуудсан дээр кодыг хайхаас илүү хялбар байдаг. Энэ нь урт хугацааны менежментийн ажлыг илүү хялбар болгодог.