Jambo la kwanza wabunifu wengi wanafikiria wakati wa kujenga ukurasa wao wa wavuti ni nini azimio la kuunda. Nini hii ni kweli ni kuamua jinsi upana kubuni yako lazima. Hakuna kitu kama hicho kama upana wa tovuti ya kawaida.
Kwa nini Fikiria Azimio
Mwaka wa 1995, wachunguzi wa azimio wa 640x480 wa kawaida walikuwa wachunguzi mkubwa na bora zaidi. Hii ilimaanisha kuwa wabunifu wa wavuti walijenga kuunda kurasa zinazoonekana vizuri katika vivinjari vya wavuti vilivyoongezeka kwenye mfuatiliaji wa inchi 12 hadi 14 katika azimio hilo.
Siku hizi, azimio la 640x480 hufanya chini ya asilimia 1 ya trafiki zaidi ya tovuti. Watu hutumia kompyuta na maazimio ya juu zaidi ikiwa ni pamoja na 1366x768, 1600x900 na 5120x2880. Mara nyingi, kubuni kwa skrini ya azimio 1366x768 inafanya kazi.
Tuna uhakika katika historia ya kubuni wavuti ambapo hatuhitaji kuwa na wasiwasi juu ya azimio. Watu wengi wana wachunguzi, wanaozama-skrini na hawazidi kuongeza dirisha la kivinjari. Kwa hiyo, ikiwa ukiamua kubuni ukurasa usio na saizi zaidi ya 1366, ukurasa wako utaonekana vizuri katika madirisha zaidi ya kivinjari hata kwenye wachunguzi kubwa na maazimio ya juu.
Upana wa Kivinjari
Kabla ya kwenda mbali kufikiri "sawa, nitafanya upana wangu wa saizi 1366 upana," kuna zaidi kwa hadithi hii. Mara nyingi mara nyingi hupuuzwa suala wakati ukiamua upana wa ukurasa wa wavuti ni jinsi wateja wako wanavyozidi kuzingatia browsers zao. Hasa, je, wao huongeza vivinjari vyao kwa ukubwa kamili wa skrini au huwaweka ndogo kuliko skrini kamili?
Katika uchunguzi mmoja usio rasmi wa wafanyakazi wa ushirikiano ambao wote walitumia safu ya kiwango cha 1024x768 ya kampuni, mbili zimehifadhiwa maombi yao yote. Wengine walikuwa na madirisha ya ukubwa tofauti kwa sababu mbalimbali. Hii inaonyesha kwamba ikiwa unapanga intranet ya kampuni hii kwa upana wa saizi 1024, asilimia 85 ya watumiaji wanapaswa kupiga kwa usawa ili kuona ukurasa wote.
Baada ya akaunti kwa wateja ambao wanaongeza au hawajui, fikiria juu ya mipaka ya kivinjari. Kila kivinjari cha kivinjari kina safu ya mipangilio na mipaka kwa pande ambazo hupunguza nafasi inapatikana kutoka pesa 800 au karibu 740 au chini juu ya maazimio 800x600 na karibu saizi 980 kwenye madirisha yaliyopanuliwa kwenye maazimio 1024x768. Hii inaitwa kivinjari "chrome" na inaweza kuchukua mbali na nafasi inayoweza kutumika kwa kubuni ukurasa wako.
Kurasa za Upana wa Zisizohamishika au Zilizohifadhiwa
Upeo halisi wa nambari sio kitu pekee unachohitaji kutafakari wakati wa kubuni upana wa tovuti yako. Pia unahitaji kuamua kama utakuwa na upana wa kudumu au upana wa kioevu . Kwa maneno mengine, je, utaweka upana kwa idadi fulani (fasta) au kwa asilimia (kioevu)?
Upana wa Fasta
Kurasa za upana zimehifadhiwa ni sawa na zinavyoonekana. Upana umewekwa kwenye namba maalum na haitabadi bila kujali jinsi kivinjari kikubwa au kikubwa ni. Hii inaweza kuwa nzuri ikiwa unahitaji kubuni yako ili kuonekana sawa sawa bila kujali jinsi upanaji au wasimamaji wa browsers wako wasomaji, lakini njia hii hainazingatia wasomaji wako. Watu walio na browsers nyembamba kuliko kubuni yako watalazimika kupiga kwa usawa, na watu walio na browsers pana watakuwa na kiasi kikubwa cha nafasi tupu kwenye skrini.
Ili kuunda kurasa za upana, tu kutumia nambari maalum za pixel kwa upana wa mgawanyiko wa ukurasa wako.
Upana wa majibu
Kurasa za upana wa maji machafu (wakati mwingine huitwa kurasa za upana wa kubadilika) zinatofautiana kwa upana kulingana na jinsi dirisha la kivinjari pana. Hii inakuwezesha kuunda kurasa zinazozingatia zaidi wateja wako. Tatizo la kurasa za upanaji wa maji ni kwamba wanaweza kuwa vigumu kusoma. Ikiwa urefu wa sambamba ya mstari wa maandishi ni mrefu kuliko maneno 10 hadi 12 au mfupi kuliko maneno 4 hadi 5, inaweza kuwa vigumu kusoma. Hii ina maana kwamba wasomaji walio na madirisha makubwa au ndogo ya kivinjari wana shida.
Ili kuunda kurasa za upana, tu kutumia asilimia au ems kwa upana wa mgawanyiko wa ukurasa wako. Unapaswa pia kujitambua na mali ya CSS max-width. Mali hii inakuwezesha kuweka upana kwa asilimia, lakini uipunguze ili isiingie kiasi ambacho watu hawawezi kuisoma.
Na Mshindi Ni: Maswali ya CSS Media
Suluhisho bora siku hizi ni kutumia maswali ya vyombo vya habari vya CSS na kubuni msikivu ili kuunda ukurasa unaogeuka kwa upana wa kivinjari ukiangalia. Muundo wa mtandao wa msikivu hutumia maudhui sawa ili kuunda ukurasa wa wavuti unaofanya kazi ikiwa unaiangalia kwenye pixels 5120 pana au saizi 320 pana. Kurasa za ukubwa tofauti zinaonekana tofauti, lakini zina maudhui yaliyo sawa. Kwa swala la vyombo vya habari katika CSS3, kila kifaa cha kupokea kinashughulikia swala kwa ukubwa wake, na karatasi ya mtindo inafanana na ukubwa huo.