Layout Kwa-navigatè, "atire" motè rechèch la

Lè sit la kreye se yon bagay enpòtan an tèm de efikasite li yo se yon Layout kwa-navigatè. Ki sa ki sa li ye? Ki jan li ka fè? Ki sa ki enkonvenyans ki genyen?

Ki sa ki se Layout kwa-navigatè?

Html / CSS - se baz la pou kreye yon sit la. Anpil vebmèstr yo apwopriye pou sa a dapre prensip la: Mwen santi mwen bon - e ke sa a ase. Ak ki jan fwistre se lè ou soti nan navigatè entènèt ou oswa aparèy mobil, ak sit la pa montre byen. Nan ka sa yo, èd la vini konsepsyon adaptasyon ak Layout kwa-navigatè.

CSS ak html moute nan ka sa a, zo rèl do a, nan ki tout aplike. Nan kèk ka, pou objektif sa a ka patisipe nan JavaScript. Men, objektif la ultim se menm bagay la - a asire w ke tout bagay te travay sou diferan vèsyon. Se poutèt sa, si ou vle asire kwa-navigatè konpatibilite, se konsa ke se sit la byen parèt nan tout navigatè, li nesesè yo panse tout tan tout tan an, ki soti nan moman sa a premye nan travay la sou sit la.

Solisyon an jeneral

Se konsa, kite pou yo gade nan ki jan fè Layout kwa-navigatè. Okòmansman yo ta dwe detèmine ki pwogram ap travay sit la. Tanpri sonje ke nimewo a nan navigatè entènèt fèmen nan de san, se konsa eseye tanpri tout moun - li se yon konpleksite enkwayab. Se poutèt sa, chwazi yon nimewo sòti nan 3 a 8. Yo nan lòd yo deside ki sa yo konsantre, ou ka itilize ak sèvis sipò tankou yandèks Metrika ak Google Analytics. Apre sa, ou ta dwe chèche konnen ki jan yo pral pwoblèm lan dwe rezoud reyalize kwa-navigatè.

Anpil moun fè bankè yo sou kaki. Sa a kòd espesyal, seleksyon ak règleman, ki konprann sèlman yon navigatè sèten. Men, yo bay ki di ou gen yo ekri dè dizèn omwen yon kèk nan foure pou navigatè diferan ak vèsyon navigatè, anpil lanse tankou yon apwòch paske nan depans segondè li yo, dire a ak irasyonèl. Gen kèk konte sou itilize nan sa yo atik yo, ki se parèt menm jan an. Men, an menm tan an souvan li pèdi yon kantite avantaj enpòtan. Pou misyon pou minimize pèt, lè l sèvi avèk plis paralèl ak konsepsyon adaptasyon. Ki sa ki sa li ye?

Repons konsepsyon

Apwòch sa a nan Layout a nan sit entènèt la, nan ki sit la se yon kawotchou, se sa ki, moun ki adapte yo ak gwosè ekran diferan ak navigatè. Li ta dwe remake ke yo adaptasyon konsepsyon ak konpatibilite kwa-navigatè byen mare, epi lè yo pale sou yon sèl bagay, li anjeneral implique dezyèm lan. Se pou yo gade nan yon egzanp rapid.

Gen kèk navigatè, tankou Opera ak Opera Mini. на мобильных телефонах. Premye itilize sou òdinatè Desktop, ak dezyèm lan - sou telefòn mobil. An jeneral yo ki similè yo, men gen yon nimewo nan karakteristik. Nan ka sa yo, li enpòtan konekte dosye yo endividyèl ak / oswa itilize nan queries plase medya yo. Ki sa ki sa li ye? Nan pwemye ka a, li kreye yon dosye ki apa a, ki vize nan travay espesifik navigatè, ak anrejistre defi yo. Nan ka, dezyèm lan, ou dwe ranpli ak demann medya yo. Si pwogram w lan satisfè kondisyon espesifik sa yo nan dosye a chaje nan configuration la, te vle.

Kisa mwen ta dwe fè?

Okòmansman, nou ta dwe sonje ke lè w ap travay ak HTML, Layout kwa-navigatè mande pou atansyon espesyal. Se poutèt sa, ou ta dwe itilize posibilite pou maksimòm kantite dra style kaskad pou pi gwo efikasite. An menm tan an tou bezwen chanje kèk fason pou travay. Se konsa, anpil moun ki san eksperyans lè yo pwen soti gwosè a nan yon bagay, sèvi ak piksèl - px. Konsidere egzanp lan nan yon header inscription gwo, ki ou anvi tèt la nan sit la.

Li lajè te mete nan yon pousantaj de 800rh. Sou ekran an nan 1600rh li pral byen atire. Men, sou 700rh li pral gade ridikil. Ki sa ki fè nan ka sa a? Ou pa ka presize gwosè a nan piksèl, ak pousantaj la! Epi kenbe inscription a pa pral yon longè fiks, ak mwatye lajè a nan ekran an. ka Pousantaj la dwe mete ak distans la nan ki pral yon eleman espesifik ap mete sou bor yo nan ekran an. Men, isit la nan sa yo dwe fè si ekran an se twò piti?

Sipoze li se 300 piksèl? Nan ka sa a, nou pral ede medya rechèch ki bezwen repare-enskri lajè. Men, si li ki egal a 700rh ak mwens, li se posib yo etabli ke siy la pral pran 75% nan plas. Men, si lajè a ki egal a 300 piksèl oswa mwens, li se posib yo ekspoze ak 100%. Sijè sa a antye se trè enteresan epi itil, se konsa li kapab etidye nan gwo detay. Men, malè, gen enfòmasyon sou liv la, li mete tout bagay nan atik la pa pral travay.

Poukisa adaptasyon Layout kwa-navigatè atire motè rechèch la?

Apre sa, repons lan se byen senp: paske li montre ke devlopè swiv sit la ak fè li kòm agreyab ke posib pou itilizatè li yo. Sa vle di ke moun sa yo ka ankouraje pa ba yo pi wo pozisyon nan motè yo rechèch. Natirèlman, sit ou pa pral imedyatman parèt sou tèt-1 an, men nan konjonksyon avèk lòt faktè, sa a ap monte anpil. Li ta dwe remake ke sa a se pa sèlman initil kondisyon men yon bagay ki merite se konsa anpil atansyon yo peye.

Apre yo tout, jis panse: ki sa ki itilizatè a lè li vin sou yon sit ki pa trè plezan nan aparans? Men, li pouvwa vini nan kwè ke motè rechèch la ofri yon kontni ki ba-bon jan kalite! Se poutèt sa yo, yo yo chwazi ak anpil atansyon pou sit ki ta dwe ofri. Anplis sa a gen tou vebmèstr yo benefis paske yo jenere-wo kalite koki pou kontni, nan ki moun ki yo pral kapab jwenn enfòmasyon ki nesesè nan nenpòt pyès ki nan konpitè: òdinatè, ordinateur, grenn, smartphone oswa telefòn mobil. An konsekans, vizitè yo ki plis satisfè, sit la ap grandi pi vit ak nivo a nan revni.

konklizyon

Li enposib pa sonje lefèt modès ke kreyasyon an nan sit kwa-navigatè ak desen reponn - li se pa fasil, yon trè long ak travayè. Se poutèt sa li nesesè yo dwe pasyan epi sonje ke disiplin - li nan yon gwo bagay! Petèt yon bagay va alorijin ale mal, men nou bezwen pou yo eseye gade pou enfòmasyon, sèvi ak apwòch diferan epi yo pa bak. Lè sa a, asire w ke ou jwenn fè yon sit entènèt ki pral plezi yo montre nan vizitè li yo.