Koyi yadda masu bincike na intanit ke ƙayyade nuni ta yin amfani da dabi'u masu yawa
Yawancin ɗalibai na masu yin amfani da yanar gizo suna da wuyar amfani ta amfani da kashi masu yawa don halayen iyaka. Musamman, akwai rikicewa da yadda mai bincike ke lissafa waɗannan kashi. Da ke ƙasa za ku sami cikakkun bayanai game da yadda kashi-kashi ke aiki don ƙididdiga ƙididdiga a cikin shafin yanar gizon.
Yin amfani da Kayan Kwafi don Ƙimar Maɗaukaki
Lokacin da kake amfani da pixels a matsayin darajar nisa, sakamakon yana da sauƙi. Idan ka yi amfani da CSS don saita darajar nisa na wani kashi a cikin rubutun wani takardun zuwa 100 pixels fadi, wannan nauyin zai zama girman daidai kamar ɗaya da ka saita zuwa 100 pixels a fadi a cikin intanet din yanar gizo ko kafa ko wasu wurare na page. Pixels suna da cikakkiyar darajar, don haka 100 pixels yana da 100 pixels komai inda a cikin takardunku wani kashi ya bayyana. Abin takaici, yayin da ma'auni na pixel ya sauƙi fahimta, ba sa aiki sosai a yanar gizo.
Ethan Marcotte ya sanya kalmar "m zane-zanen yanar gizo", ya bayyana wannan hanya kamar yadda ya ƙunshi 3 mabudin mabudin:
- Grid mai ruwa
- Maimakon ruwa
- Binciken jarida
Wadannan matakan farko guda biyu, grid da ruwa masu ruwa, ana samun su ta hanyar amfani da kashi, maimakon pixels, don dabi'u mai girma.
Amfani da Ƙarin Gari don Ƙimar Talla
Lokacin da kake amfani da kashi don kafa nisa ga wani kashi, girman ainihin da nunawa a nuna zai bambanta dangane da inda yake a cikin takardun. Kashi yawanci yana da nauyin zumunta, ma'anar girman da aka nuna yana da dangantaka da wasu abubuwa a cikin littafinku.
Alal misali, idan ka saita nisa daga siffar zuwa 50%, wannan baya nufin cewa hoton zai nuna a rabin girman al'ada. Wannan kuskure ne na yaudara.
Idan hoto yana da alamun 600 pixels fadi, sa'an nan kuma amfani da darajar CSS don nuna shi a 50% baya nufin cewa zai kasance 300 pixels fadi a cikin browser. An ƙididdige wannan adadin yawan ƙimar bisa nauyin da ya ƙunshi wannan hoton, ba maƙamin ƙirar ainihin hoton ba. Idan akwati (wanda zai iya zama rabuwa ko wani nau'in HTML) yana da nau'in pixels 1000, to, hoton zai nuna a 500 pixels tun lokacin da darajar ita ce 50% na nisa. Idan rubutun ya ƙunshi nau'i 400 na fadi, to amma hoton zai nuna kawai a 200 pixels, tun lokacin da darajar ita ce 50% na akwati. Hoton da ake tambaya a nan yana da kashi 50% wanda ya dogara gaba ɗaya akan nauyin da ya ƙunshi shi.
Ka tuna, zane mai kyau shine ruwa. Layouts da girma zasu canza kamar yadda girman allo / kayan aiki ya canza . Idan kayi la'akari da wannan a cikin jiki, maras amfani da yanar gizo, yana kama da samun kwalin kwalliyar da kake cika da kayan kayan shiryawa. Idan ka ce akwatin ya kamata rabin ya cika da wannan abu, yawan adadin da kake bukata zai bambanta dangane da girman akwatin. Hakanan yana da gaskiya ga ƙididdiga masu yawa a zane yanar gizo.
Ƙididdiga da aka ƙaddara a kan wasu ƙidaya
A cikin siffar hoto / akwati, Na yi amfani da ƙirar pixel don dauke da nau'ikan don nuna yadda yadda hoton da yake amsa zai nuna. A hakikanin gaskiya, wanda ya ƙunshi nau'ikan za a saita zuwa kashi da kuma hoton, ko wasu abubuwa, cikin wannan akwati za su sami dabi'un su bisa yawan kashi.
Ga wani misali wanda ya nuna wannan a cikin aikin.
Ka ce kana da shafin yanar gizon inda duk shafin ke kunshe a cikin wani sashi tare da jakar "akwati" (aiki na yanar gizo na yau da kullum). A cikin wannan rarraba akwai wasu rassa uku da za ku yi a ƙarshe don nunawa kamar ginshiƙai guda uku. Wannan HTML na iya kama da wannan:
Yanzu, zaka iya amfani da CSS don saita girman wannan ƙunsar "akwati" don faɗi 90%. A cikin wannan misali, ƙungiyar ba ta da wani nauyin da ke kewaye da ita ba tare da jiki ba, wanda ba mu sanya wani ƙimar ba. Ta hanyar tsoho, jiki zai sa as 100% na maɓallin binciken. Saboda haka, kashi kashi na "gangami" zai kasance bisa girman girman browser. Kamar yadda wannan maɓallin binciken ya canza a girman, haka ma girman wannan "akwati". To, idan taga mai masaukin shine 2000 pixels fadi, wannan rukunin zai nuna a pixels 1800. An kiyasta wannan a matsayin kashi 90 cikin 100 na 2000 (2000 x .90 = 1800), wanda shine girman mai bincike.
Idan kowane ɓangaren "col" da aka samu a cikin "akwati" an saita shi zuwa girman 30%, to, kowannen su zai zama 540 pixels a cikin wannan misalin. An lissafta wannan a matsayin 30% na pixels 1800 da akwati ke bayarwa a (1800 x .30 = 540). Idan muka sauya yawan wannan akwati, waɗannan ɓangarori na ciki zasu canza a cikin girman da suke yi tun lokacin da suke dogara akan wannan ƙunshe.
Bari mu ɗauka cewa windows din mai sarrafawa ya kasance a 2000 pixels fadi, amma mun canza yawan adadin akwati zuwa 80% maimakon 90%. Wannan yana nufin cewa zai sa a 1600 pixels fadi yanzu (2000 x .80 = 1600). Ko da ba zamu canza CSS ba don girman girman rabonmu na 3, kuma su bar su a kashi 30%, za su sake bambanta yanzu tun lokacin da suke dauke da kashi, wanda shine mahallin da suke girma ta, ya canza. Wadannan kashi uku za su zama kamar nauyin 480 na kowacce, wanda shine 30% na 1600, ko girman akwati (1600 x .30 = 480).
Idan har wannan ya kara, idan akwai hotunan a cikin wadannan sassan "col" kuma an yi girman wannan hoton ta hanyar amfani da kashi, mahallin da ya dace zai zama "col" kanta. A yayin da wannan ƙungiyar "col" ta canza cikin girman, haka ma hoton da ke cikinsa. To, idan girman mai bincike ko "akwati" ya canza, wannan zai rinjayar rabon "col" guda uku, wanda hakan zai canza girman hoton a cikin "col." Kamar yadda kake gani, duk waɗannan sun haɗa ne lokacin ya zo da dabi'u masu yawa.
Idan ka yi la'akari da yadda kashi a cikin shafin yanar gizon zai sa a lokacin da ake amfani da adadin yawan adadi don girmansa, kana buƙatar fahimtar mahallin da wannan ɓangaren yake zaune a cikin shafin.
A takaice
Kashi na kashi suna taka muhimmiyar rawa wajen samar da layout don shafukan intanet . Ko kun kasance hotunan hotunan yin amfani da su ko yin amfani da fadin kashi ɗaya don yin grid na gaskiya wanda nau'i-nau'i suke da alaka da juna, fahimtar waɗannan lissafin zasu zama dole don cimma burin da kuke so.