Gumagamit ang mga gumagamit ng Internet ng iba't ibang mga monitor na may iba't ibang mga resolusyon sa screen. Samakatuwid, ang isa sa mga gawain para sa mga developer ng web ay ang pangangailangan na lumikha at i-optimize ang isang site para sa tamang pagpapakita nito sa mga monitor na may anumang resolusyon.
Panuto
Hakbang 1
Idisenyo ang iyong website na may pinakamababang magagamit na resolusyon - 800 * 600 na mga pixel at gumamit ng isang nakapirming layout. Ngunit sa pamamaraang ito, mayroong isang sagabal - para sa mga gumagamit na may mga monitor ng widescreen, lilitaw ang mga malawak na patlang sa screen kapag tinitingnan ang iyong site.
Hakbang 2
Gumamit ng isang layout ng likido. Sa kasong ito, ang mga pahina ay maaabot nang pahalang sa mga monitor, na ang resolusyon na kung saan ay mas mataas kaysa sa ginamit sa pag-unlad. Ngunit ang pamamaraang ito ay pinakamahusay na ginagamit kapag lumilikha ng mga site na may maraming impormasyong pangkonteksto at isang minimum na halaga ng mga graphic. Ito ay sapagkat ang ilang mga elemento, tulad ng mga larawan o mga bahagi ng third-party, ay mapapangit kapag binabago ang laki sa iba't ibang mga monitor.
Hakbang 3
Ang pinaka tama, ngunit sa parehong oras at mas kumplikado mula sa pananaw ng pagpapatupad, ay ang paggamit ng isang adaptive layout. Ito ay isang mas kumplikadong bersyon ng layout ng goma, na ginagawang posible na baguhin ang bilang ng mga haligi na may impormasyon kapag ginagamit ang code ng programa.
Hakbang 4
Ngunit anuman ang napiling layout para sa pagpapaunlad ng site, gawin ang layout nito sa isang resolusyon sa screen na 1024 * 768 mga pixel. Ito ang pinakakaraniwang resolusyon.
Hakbang 5
Gayundin, para sa tamang pagpapakita ng site sa mga monitor na may iba't ibang resolusyon, sundin ang ilang mga patakaran. Subukang panatilihin ang pangunahing nilalaman ng pahina sa isang screen upang maiwasan ang pag-scroll. Maglagay ng impormasyon ng teksto sa isang makitid na haligi upang hindi ito "kumalat" sa buong lapad ng screen. Subaybayan ang pangkalahatang disenyo ng mga pahina upang ang lahat ay proporsyonal.
Hakbang 6
Kapag nagdidisenyo ng iyong disenyo, kalkulahin ang porsyento, hindi dami, ng lapad at taas ng pahina. Pagkatapos ang pahina ay gagawing sukat nang proporsyonal pareho sa maginoo na mga monitor at sa mga monitor ng widescreen.
