Ang unang butang nga gihunahuna sa kadaghanan sa mga tigdesinyo sa dihang ang pagtukod sa ilang web page mao ang paghimo sa resolusyon . Ang tinuod nga kantidad niini mao ang pagdesisyon kon unsa ka lapad ang imong desinyo. Wala na'y ingon nga butang sama sa usa ka lapad nga lapad nga website.
Nganong Ikonsiderar ang Resolusyon
Niadtong 1995, ang standard 640x480 monitor nga resolusyon ang pinakadako ug pinakamaayong monitor nga anaa. Kini nagpasabot nga ang mga tigdisenyo sa web nagtutok sa paghimo sa mga panid nga maayo sa mga web browser nga gipahimuslan sa usa ka 12-inch ngadto sa 14-inch monitor sa maong resolusyon.
Niining mga adlawa, ang 640x480 nga resolusyon naghimo sa dili kaayo 1 ka porsyento sa kadaghanan sa trapiko sa website. Ang mga tawo naggamit sa mga kompyuter nga adunay mas taas nga resolusyon lakip ang 1366x768, 1600x900 ug 5120x2880. Sa daghang mga kaso, ang pagdisenyo alang sa usa ka 1366x768 nga resolusyon sa screen nga mga buhat.
Kita sa usa ka punto sa kasaysayan sa web design diin dili kita kinahanglan nga mabalaka mahitungod sa resolusyon. Kadaghanan sa mga tawo adunay dagko, lapad nga mga monitor sa monitor ug dili nila mapahimuslan ang ilang browser window. Busa kung magdesisyon ka sa pagdisenyo sa usa ka panid nga dili molapas sa 1366 ka pixel ang gilapdon, ang imong panid lagmit motan-aw sa kadaghanan sa mga bintana sa browser bisan sa mga dagkong monitor nga adunay mas taas nga resolusyon.
Lapad sa Browser
Sa wala ka pa magbag-o nga maghunahuna "okay, akong himoon ang akong mga panid 1366 ka pixel ang gilapdon," dugang pa niini nga istorya. Ang usa nga kasagaran wala makamatikod sa isyu sa paghukom sa gilapdon sa usa ka web page kon unsa ka dako ang imong mga kustomer nga nagbantay sa ilang mga browser. Sa piho nga paagi, kini ba nga nag-maximize sa ilang mga browser sa usa ka full-screen nga gidak-on o kini sila mas gamay niini kaysa sa full screen?
Diha sa usa ka dili pormal nga survey sa mga kauban sa trabaho nga ang tanan naggamit sa kompaniya nga standard nga 1024x768 nga laptop nga resolusyon, duha ang nagpabilin nga gigamit sa tanan nga mga aplikasyon. Ang uban adunay nagkalainlain nga mga bintana nga bukas alang sa lainlaing mga hinungdan. Kini naghulagway nga kon ikaw nagdisenyo sa intranet sa kompaniya sa gilapdon nga 1024 ka pixel, 85 porsyento sa mga tiggamit kinahanglan nga mag-scroll sa pahayag aron makita ang tibuok nga panid.
Human sa imong pag-asoy sa mga kustomer nga nag-maximize o wala, hunahunaa ang mga border sa browser. Ang matag web browser adunay usa ka scroll bar ug mga utlanan sa mga kilid nga mag-agi sa anaa nga luna gikan sa 800 ngadto sa 740 ka pixel o mas menos sa 800x600 nga mga resolusyon ug mga 980 ka pixel sa maximized nga mga bintana sa 1024x768 nga mga resolusyon. Gitawag kini nga browser nga "chrome" ug kini makakuha gikan sa gamit nga luna alang sa design sa imong pahina.
Pag-ayo o Mga Pahina sa Lapad nga Likido
Ang aktwal nga gilapdon sa numero dili ang bugtong butang nga kinahanglan nimong hunahunaon kung ang pagdisenyo sa gilapdon sa imong website. Kinahanglan usab nga ikaw modesisyon kon ikaw adunay usa ka gilapdon nga gilapdon o likido . Sa laing pagkasulti, imo bang ibutang ang gilapdon sa usa ka piho nga numero (fixed) o sa usa ka porsyento (liquid)?
Gipahimutang ang Labi
Ang nahiangay nga lapad nga mga panid sama gayud sa ilang tingog. Ang gilapdon gitakda sa usa ka piho nga gidaghanon ug dili mausab bisan unsa ka dako o gamay ang browser. Mahimo kini nga maayo kung gikinahanglan nimo ang imong desinyo sa pagtan-aw sa mao gihapon bisan unsa ka lapad o pig-ot ang mga browser sa imong mga magbabasa, apan kini nga pamaagi wala maghunahuna sa imong mga magbabasa. Ang mga tawo nga dunay mga browser nga mas pig-ot kaysa sa imong desinyo kinahanglan nga mag-scroll sa pinahigda, ug ang mga tawo nga adunay daghang mga browser adunay daghan nga walay sulod nga luna sa screen.
Aron makamugna ang gilay-on nga lapad nga mga pahina, gamit lamang ang piho nga numero sa pixel alang sa gilapdon sa mga bahin sa imong pahina.
Lapad sa Liquid
Ang gilapdon nga mga pahina sa luag (usahay gitawag nga flexible page nga mga pahina) magkalainlain sa gilapdon depende kung unsa ka lapad ang bintana sa browser. Kini nagtugot kanimo sa pagdisenyo sa mga panid nga labaw nga nakapokus sa imong mga kustomer. Ang problema sa mga pahina sa gilapdon nga likido mao nga sila mahimong lisud nga basahon. Kon ang gitas-on sa pag- scan sa usa ka linya sa teksto mas taas kaysa 10 ngadto sa 12 ka mga pulong o mas mubo kaysa 4 ngadto sa 5 nga mga pulong, mahimong lisud ang pagbasa. Kini nagpasabot nga ang mga magbabasa nga may dagko o gagmay nga mga bintana sa browser adunay kagubot.
Aron makamugna ang lapad nga panid nga mga panid, gamita lamang ang mga porsyento o em alang sa gilapdon sa imong mga dibisyon sa panid. Kinahanglan mo usab nga mahibal-an ang imong kaugalingon sa CSS max-width property. Kini nga kabtangan nagtugot kanimo sa pagbutang sa usa ka gilapdon sa mga porsyento, apan unya limitahi kini aron dili kini dako nga ang mga tawo dili makabasa niini.
Ug ang Mananaog: CSS Media Query
Ang pinakamaayong solusyon niini nga mga adlaw mao ang paggamit sa CSS media queries ug responsive design aron paghimo og usa ka panid nga nag-adjust sa gilapdon sa browser nga nagtan-aw niini. Ang usa ka responsive nga disenyo sa web naggamit sa sama nga sulod sa paghimo sa usa ka web page nga nagtrabaho kung imong makita kini sa 5120 ka pixel ang gilapdon o 320 ka pixel ang gilapdon. Ang nagkalainlain nga mga panid nga mga pahina managlahi, apan kini adunay managsama nga sulod. Uban sa pangutana sa media sa CSS3, ang matag nagdawat nga himan motubag sa pangutana uban sa gidak-on niini, ug ang estilo sa sheet mag-adjust sa partikular nga gidak-on.