КомпьютерМэдээллийн технологи

Алхам заавар алхам: Хөдөлгөөнт төхөөрөмжийн сайтад дасан зохицох. Гар вэб сайт

сайтын гар дасан зохицох улмаас ухаалаг гар утас, таблет нэмэгдэж тоо нь илүү алдартай болж байна. Энэ юу вэ? ашиг тус юу вэ? Ялангуяа энэ асуулт онлайн дэлгүүрүүд, төрөл бүрийн үйлчилгээний компани, блог, алдартай форум вэб сайт эздэд нь бодит юм. хөдөлгөөнт төхөөрөмжүүдийн хийж болно зориулсан сайтыг хэрхэн дасан зохицох вэ? Энд зүйлийн хүрээнд хэлэлцэх болно асуулт нь богино жагсаалт юм.

ерөнхий мэдээлэл

Тэгэхээр, эхлээд юу нь харцгаая нийцсэн загвар. Тиймээс ямар нэг HTML-код илгээсэн бүх төхөөрөмжүүд, харин элементүүдийн хэмжээ нь CSS замаар тохируулж байна тохиргоо юм. Янз бүрийн хайлтын робот лааз нээх зэрэг сайтууд, өгсөн The хуудас, нөөц харагдах нь скан. Энэ боломжийг хөтчийг хэлж тулд, хаяг нь мета нэр = "харах цонх" ашиглаж байна. Хөдөлгөөнт төхөөрөмжийн сайтын дасан зохицох гэж юу вэ?

хаяг авч үзье

Тэгэхээр та тэр хаяг нь мета нэр = "харах цонх" байсан эсэхийг шалгах хэрэгтэй. Яагаад тэр бол? яаж үүнээс та сайтыг үзэхийн төхөөрөмжийн дэлгэц өргөн руу хэмжээг хуудсыг тохируулах болон масштабаар дээр браузер заавар байдаг юм. Хэрэв та юу үгүй биш нэмэлт энэ жижиг зүйл, The анхдагч хуудас харагддаг, зохион нь компьютер. Харин гар хөтөч агуулга, дэлгэцэн дээр зохих агуулга үсгийн, өргөтгөх боломжтой агуулга буюу дэлгэц нэмэгдүүлэхэд хүргэнэ оновчтой болгохын тулд хичээх болно байна. Энэ гоё юм бэ? Үгүй ээ, ийм тохиолдолд сайтын гар утасны хувилбар нь зөвхөн сөрөг ойлголт хүргэж байна. Дараа нь бүх үсгийн маягууд нь юм байж тэнцвэргүй, энэ нь шаардлагатай гүйлгэх The хуудас болон Ид шид, илүү тоо үйл ажиллагаа бөгөөд энэ нь ч тэд бага, харин ч төвөгтэй. Шалгах сайт дасан зохицох нь хөдөлгөөнт төхөөрөмж, та хэрэглээ гар утас, таблет, эсвэл тусгай үйлчилгээ, хөтөлбөр. Мэдээж хэрэг, эхний хоёр сонголт нь илүүд байна, гэхдээ та өөр өөр төхөөрөмжүүд талаас нь нарийн дүн шинжилгээ хийх хэрэгтэй, цаг хугацаа хэмнэх бол сүүлийн тохиромжтой.

Хөдөлгөөнт төхөөрөмжийн сайтыг дасан зохицох давуу тал нь юу вэ?

Энэ аргыг ашиглах боломжийг олгодог:

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

Үүнээс гадна, тухайн дасан зохицох хуудас ямар нэг зүйлийг нэг хэдэн сонголтуудын илүү хялбар бий болгох. хөдөлгөөнт төхөөрөмжүүдийн (энэ нь маш боломжтой юм хийх) нь сайтад дасан зохицох JavaScript хангалттай болон Cascading Style Sheets (CSS) болон зураг хамтран ажиллах боломжтой мэдэх нь хэцүү зүйл биш. Энэ ажил олон арга байдаг. дугаар зүйлийн хамгийн алдартай сонголтуудын гурван үзэж болно нэг хэсэг нь:

  1. JavaScript-д хүч.
  2. Хослуулан.
  3. Динамик хэрэглээ JavaScript.

Let бидэнд бодох нь тэдэнд илүү тайлбарлана.

Дасан зохицох нь ашиглан JavaScript

Энэ тохиолдолд нэг агуулга. Харин хуудасны үйл ажиллагааны механизмд JavaScript хэлбэршүүлэлт нь өөрчлөлт. Энэ тохиолдолд бүх зүйл тавцан дээр хамаарна. Энэ алгоритм загварын хуудас давхардлаас хэвлэл мэдээллийн асуулгуудад төстэй юм. практикт ажил жижиг жишээг авч үзье. Тэгэхээр бид элемент <скрипт> байрлуулна HTML-код бүхий хуудсыг байна. Түүний хүсэлтээр нэг ижил мэдээллийг дамжуулж болно. Гэхдээ энэ нь эмчилгээнд ирэх үед, энэ нь чухал ач холбогдолтой нөлөө төхөөрөмжийн ажиллагааг байх болно. Мөн үр дүнд - хуудасны форматыг өөрчилж болно. Жишээ нь, харин компьютер дээр илүү ухаалаг гар утас, таблет дээр үзэж зорилгоор оновчтой байх нь дүрс бүхий нөхцөл байдал. Энэ сонголтыг нэг чухал давуу тал нь компьютер хэрэгжүүлэх автоматаар илэрсэн явдал юм. Онд нэмэлт, та Do байх шаардлагагүй гэж олж авах тусгай толгой, учир нь байгаа ямар ч эрч хүчтэй агуулга үзүүлж байна.

хослол

Энэ тохиолдолд, хөдөлгөөнт төхөөрөмжүүдийн хувьд сайтын дасан зохицох тохируулга болон JavaScript онцлог, сервер чиг дамжуулан хэрэглэдэг. Хэрхэн ерөнхий схем вэ? Хэрэглэгч тухайн төхөөрөмжөөс таны сайт ирдэг. JavaScript хэлбэл мэдээлэлтэй талаар юу тэр дуртай ба дамжуулалт энэ нь The сервер. дараа нь төхөөрөмж рүү илгээсэн байна шаардлагатай кодыг бий бий болно. Харин энэ талаар мэдээлэл Жигнэмэг файлд хадгалагдаж байдаг. Харин The дараагийн удаа та айлчлал The сервер уншдаг энэ нь тэднийг. Энэ аргын нэг онцлог нь HTML код янз бүрийн хувилбаруудыг хэрэглэх чадвар юм. Хэрэглэгчийн төлөөлөгч: Гэсэн хэдий ч, зөв ажиллахын тулд та толгойг өөр өөр байлцуулан анхаарал тавих хэрэгтэй. Ийм тохиолдолд сайтын Мобайл хувилбар нь арай илүү хөдөлмөр шаарддаг.

Динамик JavaScript болон бусад сонголтууд

Энэ тохиолдолд энэ нь ижил код нь гадаад файлд зааж тодорхой элементийн олгоно гэж заасан бөгөөд ямар бодис хамаарч өөрчлөгдөнө агуулгыг ашиглаж байна. АНУ-ын динамик хуудас өмнө нь байгаа юм. Энэ нь хэр хэрэгжиж байна вэ? Хэрэглэгчийн төлөөлөгч: Олон бүгд адил өөр өөр үүнийг ашигладаг. Мөн бодит цаг хугацаанд шинэчилж байх болно мэдээллийн хуудас, ажиллаж байхад нь, мэдээж, маш сайн. онол дээр одоо ч гэсэн маш их ярих болно. Diva санаж байх нь вэ (

) бөгөөд та шууд утгаараа сайтын болон бусад олон төрлийн зүйлээс харагдах "араас хөөцөлдөх" болно. Гэхдээ бид үүнийг хэрхэн хийх талаар мэдэхийг хүсдэг!

хэрэгжүүлэх бэлтгэл

Энэ нь дасан зохицох сайтыг бий болгох зэрэг ажлуудыг хийж гүйцэтгэх хоёр хандлага байдаг гэдгийг тэмдэглэх хэрэгтэй:

  1. Гарын авлага.
  2. Автомат.

Эхлээд та аль замыг дагахаар сонгосон байх ёстой. Тиймээс залгахад сайт дасан зохицох хөдөлгөөнт төхөөрөмжүүдийн хувьд хурдан ажил гүйцэтгэх болно. Гэхдээ л бүгд тодорхой бий болгож, тодорхой дүрэм журмыг тодорхойлсон. нөөцийн тэдэнд дагуу бий болгосон бол, хөдөлгөөнт төхөөрөмжүүдийн хувьд дасан зохицох програм хангамжийн сайтын утасгуй бүх биелүүлэх ёстой. Учир нь эдгээр хязгаарлалт, заримдаа бусад зүйлс, бүтээлч олонхийн бүрэн эрх чөлөө байхгүй, гарын авлага тохируулах opts. Тэгээд ч The хөтөлбөр, тусламж нь хэдхэн минут Эхлэх таатай хувилбар The нөөц, гэхдээ л байна төрөх нь тодорхой сул талууд.

уян хатан зохион байгуулалт

Онд дараалал хэрэгтэй Got шууд "Yum", та зөвхөн хэрэгцээ нь хэрэглээ харьцангуй нэгж. Бодит байдал дээр бүх үсгийн маягууд нь EM тохируулж байгаа бөгөөд элементүүдийн хэмжээ нь хувиар илэрхийлсэн байна. Хэдийгээр цаг үе, та Pi ашиглах (хэрэв та үнэхээр хүсч байгаа бол), гэхдээ энэ нь тэдэнд юу ч хийж нь илүү дээр юм. Та өргөн (өргөн) болон өндөр заах юм бол, 1080, 1260, эсвэл 768, болон хувь гэх мэт тодорхой тодорхой тооны хэрэглэж болохгүй. 90% нь: өргөн - Жишээ нь. Та хийх боломжтой, 80%, 99%, 100%. Бүх мастер хүслээр хамаарна. Гэхдээ юу The текст нь харагдаж дээр тодорхой зүйл? Учир нь энэ тохиолдолд, тэнд нь маш сайн томъёо: үсгийн өргөн нь хувааж руу The нэг хэлбэр The суурь бүрэлдэхүүн хэсэг, бид Эхлэх бидний The шаардах үр дүн. Заримдаа энэ нь тохиолддог заримдаа тэр олон тоо тоо болох маш урт. Жишээ нь, стандарт нь - энэ нь та бид маш урт тоог авч хувааж үед дэлгэц өргөнтэй 1260. Мөн явж хэрэглэгчид 780. юм. Би үүнийг шатанд байна вэ? За, нөхцөл байдал ээдрээтэй байна. Олон хүчтэй байх нь зөвлөсөн байна. Илүү сайн бас нөхцөл байдлыг харж, үнэн зөв байдал нь ямар чухал болохыг үнэлэх. Та лааз, жишээ нь, тогтоосон нь авах нь дансны зөвхөн хоёр, гурав, дөрөв, арван аравтын газар. Надад итгэ, энэ нь энгийн ажил, хөдөлгөөнт төхөөрөмжүүдийн хувьд сайтын энэ дасан зохицох юм. CSS, бичлэг ямар нэгэн алдаа агуулж байвал, бүх тоглож болно.

Уян хатан байдал үсгийн, зураг, болон хэвлэл мэдээллийн асуулт

Анхдагч байдлаар, вэб хөтчийн үсгийн хэмжээ 16 PX-д рекорд дээр тавив. Гэхдээ өмнө нь дурдсан, энэ хандлага нь бидний хувьд маш их хүсээгүй байна. Энэ тохиолдолд юу хийх вэ? Дараа нь та суурь үнэ цэнийг хувааж хэрэгтэй. жишээ нь хоёр авч үзье:

  1. 16/16 = 1 EM.
  2. 18/16 = 1,125 EM.

үр дүн бүдүүн гэдэсний дараа нэмж нь үсгийн хэмжээтэй бичигдсэн байх ёстой. Гэсэн хэдий ч эдгээр утгууд нь дараа нь өөр хаа нэгтээ тусгасан байгаа бол энэ нь санаж байх ёстой энэ нь бидэнд дээр орж ирсэн үнэ цэнийг харуулах болно гэж.

Одоо хамт хүндэтгэх The зураг. Бүх зүйл нь тэдний шинж хийж болно аль эсвэл MAX-өргөн ашиглаж Cascading Style хуудас. хэмжээ нь хувь гэж заасан байна гэж бүү март! Тэгээд хэвлэл мэдээллийн хэрэгсэл асуулгын талаар цөөн хэдэн үг. тодорхой нөхцөл тавих шаардлагатай бол тэдгээр тохиолдолд хэрэглэж болно. Жишээ нь, дэлгэц өргөн дүрэм хэвлэл мэдээллийн хайлтанд суулгагдсан, хэрэглэж болно 1260-аас бага пиксел юм уу. Ямар лааз тэд Do? Бид сайхан арын зураг нь бүрэн гарч байх ёстой, хэрэглэгчийн жижиг дэлгэц байгаа бол, ийм тохиолдолд энэ нь хасагдсан байна гэж бүртгэх боломжтой юм. загвар бол хэвлэл мэдээллийн асуулгуудад санагдуулам зарим талаараа. Гэхдээ онцлог нь маш том хувийн юм .... Тэд тодорхой хөтөч хэмжээтэй ажиллаж байхдаа бүх өөрчлөлтийг хийж байх бичиж болно.

дүгнэлт

тэдгээрийг ашиглах хөдөлгөөнт төхөөрөмжүүд болон хүмүүсийн тоо байнга нэмэгдэж байна. Тиймийн тул, энэ нь хөгжлийн эхлэхээс өмнө газар зохион байгуулалт тэр ч байтугай хамгийн жижиг дэлгэрэнгүй мэдээлэл, үзэл баримтлал байх нь дурдах гарч ажиллаж байгаа нь зүйтэй юм. Эцсийн эцэст, энэ нь шаардлагатай гэж батлах гэж хэрэглэгчид мод бэлтгэлийн дээр нь The сайт утас нь биш, татан авсан мэдээлэл нь тэд байх болно харагдана. Яагаад тэр вэ? За, энэ нь бага - болохоор нь биш харин удаан доош The ачих нь хуудас. Мөн энэ нь мэдээлэл бага багаар ачаалал ихтэй байгаа, хурдан, үр дүнтэй сайт эсэхийг шалгах нь илүү дээр юм.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 mn.delachieve.com. Theme powered by WordPress.