Chinthu choyamba chomwe opanga mapangidwe ambili amalingalira pamene akumanga tsamba lawo la webusaiti ndi chiganizo chokonzekera. Zomwe zili zenizeni ndikusankha momwe mapangidwe anu ayenera kukhalira. Palibe chinthu choterocho ngati kukula kwa webusaiti yathu.
Bwanji Kuganizira Kutha Kusintha
Mu 1995, ndondomeko yoyimitsa 640x480 inali yaikulu komanso yoyang'anira bwino. Izi zikutanthauza kuti opanga ma webusaiti akuyang'ana pakupanga masamba omwe amawoneka bwino m'masakatuli a intaneti akuwonjezeka pamasitomala 12-inchi mpaka 14-masentimita pachigamulochi.
Masiku ano, chisankho cha 640x480 chimapanga zosachepera 1 peresenti ya webusaiti yamakono. Anthu amagwiritsa ntchito makompyuta okhala ndi zisankho zowonjezereka kuphatikizapo 1366x768, 1600x900 ndi 5120x2880. Nthaŵi zambiri, kukonza zojambula zowonetsera masomphenya 1366x768.
Tili pamsinkhu wa mbiri ya webusaiti yomwe sitiyenera kudera nkhawa za kuthetsa. Anthu ambiri ali ndi mawindo akuluakulu, osakanikirana ndipo samapatsa zenera pawindo lawo. Kotero ngati mutasankha kupanga pepala lomwe siliposa mapikisilosi 1366, tsamba lanu likhoza kuwoneka bwino m'mawindo ambiri osatsegula ngakhale pamagulu akuluakulu oyang'anira ndi zowonjezera.
Kukula kwasaka
Musanayambe kuganiza kuti "chabwino, ndikupanga mapepala angapo 1366," pali zambiri pa nkhaniyi. Nthaŵi zambiri munthu amanyalanyaza vuto pamene asankha kukula kwa tsamba la webusaiti ndi momwe makasitomala anu amachitira makasitomala awo aakulu. Makamaka, kodi iwo amawonjezera masakatulo awo pawindo lazenera kapena amawasungira ang'onoang'ono kuposa chinsalu chonse?
Pa kafukufuku umodzi wosagwira ntchito wa ogwira nawo ntchito omwe onse amagwiritsa ntchito kampani yotengera 1024x768 yankho lapakutopu, ziwiri zinasunga ntchito zawo zonse. Ena onse anali ndi mawindo osiyana siyana otsegulidwa pa zifukwa zosiyanasiyana. Izi zikuwonetsa kuti ngati mukupanga intranet ya kampaniyi pamakisilosi 1024, 85 peresenti ya ogwiritsa ntchito amayenera kupyolera pang'onopang'ono kuti awone tsamba lonse.
Mutatha kuwerengera makasitomala omwe amawonjezera kapena osati, ganizirani za osatsegula malire. Wosatsegula aliyense ali ndi mpukutu wamakono ndi malire kumbali zomwe zimachepetsa malo omwe alipo kuyambira 800 mpaka kuzungulira ma pixeliti 740 kapena ochepa pamasankho opita 800x600 ndi ma pixel ozungulira 980 pa mawindo opambana pazolingalira 1024x768. Izi zimatchedwa osatsegula "chrome" ndipo zimatha kuchoka pa malo ogwiritsira ntchito tsamba lanu.
Tsamba la Kuphatikizika kapena Lalikulu
Chiwerengero chenicheni cha nambala si chinthu chokha chomwe muyenera kuganizira pamene mukupanga widthiti yanu. Muyeneranso kusankha ngati mudzakhala ndi chigawo chokhazikika kapena chigawo cha madzi . Mwa kuyankhula kwina, kodi mupange chiwerengero cha nambala yapadera (yosasinthika) kapena peresenti (madzi)?
Kutalika Kwambiri
Masamba okhazikika amakhala chimodzimodzi ngati akumveka. Chigawocho chimayikidwa pa nambala yeniyeni ndipo sichikusintha mosasamala kanthu momwe msakatuli ali wamkulu kapena wamng'ono. Izi zikhoza kukhala zabwino ngati mukufuna kuti mapangidwe anu aziwoneka mofanana ngakhale mutakhala otsegula kapena osatsegula makasitomala anu a owerenga, koma njira iyi silingaganizire owerenga anu. Anthu omwe ali ndi masakatuli ochepa kusiyana ndi mapangidwe anu adzayenera kupitilira kumbali, ndipo anthu omwe ali ndi osatsegula ambiri adzakhala ndi malo opanda kanthu pazenera.
Kuti mupange mapepala apamwamba, gwiritsani ntchito manambala a pixel enieni a magawo ambiri a magawo anu.
Kukula kwa Zamadzimadzi
Masamba opukutira zamadzimadzi (omwe nthawi zina amatchedwa kusinthasintha mapepala ambiri) amasiyana m'lifupi malingana ndi momwe mawindo osatsegula aliri. Izi zimakulolani kuti mupange masamba omwe amagwiritsa ntchito kwambiri makasitomala anu. Vuto lomwe lili ndi masamba akuluakulu ndiloti angakhale ovuta kuwerenga. Ngati kusinthitsa kutalika kwa mzere wa mawu ndi wautali kuposa mawu khumi kapena 12 kapena wamfupi kuposa mawu 4 mpaka 5, zingakhale zovuta kuziwerenga. Izi zikutanthauza kuti owerenga okhala ndi mawindo akuluakulu kapena ang'onoting'ono ali ndi vuto.
Kuti mupange mapepala ambirimbiri osakanikirana, ingogwiritsani ntchito magawo kapena magawo ambiri a magawo anu a magawo. Muyeneranso kudziwidziwa ndi katundu wa CSS max-width. Malowa amakulolani kuti muikepo m'lifupi mu magawo, koma ikani malire kuti asakhale aakulu kwambiri moti anthu sangathe kuliwerenga.
Ndipo Wopambana Ndi: CSS Media Queries
Njira yabwino kwambiri yothetsera masikuwa ndi kugwiritsa ntchito mafunso a CSS ndi machitidwe omvera kuti apange tsamba lomwe limasintha kuwonetsera kwa osatsegula. Mapulogalamu a webusaiti omwe amamvetsera akugwiritsa ntchito zomwezo popanga tsamba la webusaiti lomwe limagwira ntchito ngati mukuliwona pa pixels 5120 kapena lalikulu pixels 320. Masamba osiyana-siyana amawoneka mosiyana, koma ali ndi zofanana. Ndi funso la zamanema ku CSS3, chipangizo chilichonse cholandira chimayankha funsolo ndi kukula kwake, ndipo pepala lamasewero likugwirizana ndi kukula kwake.