Baro sida daalacashada webka ay u go'aamiyaan muuqaal iyadoo la adeegsanayo qiimaha boqolkiiba
Qaar badan oo ka mid ah naqshadaynta websaydhku waxay leeyihiin waqti adag adoo isticmaalaya boqolleyda qiimaha ballaadhan. Gaar ahaan, waxaa jira jahwareer leh sida browserka loo xisaabiyo boqolleydaas. Hoos waxaad ka heli doontaa sharraxaad faahfaahsan oo ku saabsan sida boqolkiiba ay u shaqeeyaan xisaabinta ballaaran ee shabakadda jawaabta leh.
Isticmaalida Pixels ee Qiimaha Fur
Markaad isticmaaleysid pixels ah qiimaha ballaadhan, natiijooyinka waa mid toos ah. Haddii aad isticmaasho CSS si aad u qeexdo qiimaha ballaaran ee unug ka mid ah dukumiintiga illaa 100 pixels ballaaran, xajmiga wuxuu noqon doonaa cabbirka isku mid ah sida aad u dhigto 100 pixels oo ballaaran ee bogga internetka ama bogagga ama meelaha kale ee bogga. Pixels waa qiimo buuxda, sidaas darteed 100 pixels waa 100 pixels iyada oo aan ku xirnayn dukumintigaaga sheyga ka muuqda. Nasiib darro, halka qiimaha pixel ay fududahay in la fahmo, ma si fiican u shaqeeyaan bogagga internetka.
Ethan Marcotte ayaa ereyga "naqshad casri ah", oo sharraxaysa qaabkan oo ay ku jiraan 3 maamulayaal muhiim ah:
- Nidaamka dareeraha
- Warbaahinta saafiga ah
- Su'aalaha warbaahinta
Labada dhibcood ee ugu horreeya, shabakad dheeri ah iyo warbaahinta dheecaanka ah, ayaa lagu gaari karaa iyadoo la isticmaalayo boqolleyo, halkii pixels, qiimeeynta qiimaha.
Isticmaalka boqollayda qiimaha width
Markaad isticmaasho boqolkiiba boqol si aad u dhisto ballac u ah unug, cabbirka dhabta ah ee cutubka soo bandhigaa wuxuu kala duwanaan doonaa iyadoo ku xiran hadba meesha uu ku yaal dukumeentiga. Boqolleyda waa qiime qaraabo ah, macnaheedu waa cabbirka la soo bandhigay wuxuu u dhigmaa walxaha kale ee dokumentigaaga.
Tusaale ahaan, haddii aad dhigto width of image ah ilaa 50%, tani macnaheedu ma aha in sawirku muujin doonaa kala bar ee cabbirka caadiga ah. Tani waa khalad caadi ah.
Haddii sawirkiisu yahay 600 pixels oo ballaaran, ka dibna isticmaalaya qiimaha CSS si uu u muujiyo 50% micnaheedu maaha inuu noqon doono 300 pixel ballaaran ee shabakadda webka. Qiimaha boqolleyda ah waxaa lagu xisaabiyaa iyada oo ku saleysan cinwaanka ay ku jiraan sawirkaas, maaha cabbirka baaxadda ee sawirka laftiisa. Haddii weelka (oo noqon karta qayb ama wax kale oo HTML ah) 1000 pixels ah, ka dibna sawirku wuxuu soo bandhigi doonaa 500 pixels tan oo qiimaheedu yahay 50% width of container. Haddii eey ka kooban tahay 400 pixels oo ballaaran, markaas sawirku wuxuu muujin doonaa oo keliya 200 pixel, madaama qiimahaasi yahay 50% weelka. Sawirka su'aasha ah ee halkan ku yaal wuxuu leeyahay 50% oo cabbir ah kaas oo ku xiran gidaarka kaas oo ku jira.
Xusuusnow, naqshad wax ku ool ah waa dheecaan. Layouts iyo qiyaasta ayaa isbeddelaya inta cabbirka screen / qalabka isbeddelayo . Haddii aad ka fekereyso arrintan, shuruudaha aan ku xirneyn, waa sida boorsada kartoonada oo aad buuxineysid qalabka wax lagu duubo. Haddii aad tiraahdo in sanduuqa waa inuu kala badh ka buuxsamo, qadarka aad u baahan tahay way kala duwanaan doontaa iyadoo ku xiran cabbirka sanduuqa. Isku midka ayaa dhab u ah boqolkiiba ballaadhka webka.
Boqolleyda Ku Saleysan Boqolleyda Kale
Tusaale ahaan sawirka / weelka weelka, waxaan isticmaalaa qiimaha pixel ee ku jira xubinta ku jirta si ay u muujiso sida sawirka wax ku oolka ah u muujin lahaa. Xaqiiq ahaan, walxaha ku jira waxa kale oo lagu qori doonaa boqolkiiba iyo sawirka, ama walxaha kale, gudaha weelkuna wuxuu heli doonaa qiimaha ku salaysan boqolkiiba boqolkiiba.
Halkan waxaa ku qoran tusaal kale oo taa ku muujisan sida tan.
Waxaad sheegtaa inaad leedahay bog ah halkaa oo dhan oo ku yaala qaybta ay ka kooban tahay qayb ka mid ah "weel" (qaab caadi ah ee naqshadeynta webka). Gudaha qaybtaas waa saddex qaybood oo kale oo aad ugu dambeyntiina u muuqan doonto inaad muujiso sida 3 tiirar qotoma. HTML wuxuu u ekaan karaa sidan:
Hadda, waxaad isticmaali kartaa CSS-da si aad u dejiso xajmiga qaybinta "konteynerka" in lagu dhaho 90%. Tusaalahan, qaybta kontaynarka ma lahan walxo kale oo ku wareegsan aan ka aheyn jirka, taas oo aanan ku qanacsanayn qiimo gaar ah. Marka la eego, jidhku wuxuu bixin doonaa 100% daaqada browserka. Sidaa darteed, boqolkiiba qaybta "konteyner" boqolkiiba waxay ku saleysan tahay cabbirka daaqada browserka. Sida daaqada browser-ka ayaa isbaddalaysa cabirkan, sidaas ayuu xajmigi doonaa "weelka". Sidaa daraadeed haddii daaqaduhu ay tahay 2000 pixels oo ballaaran, qeybkani wuxuu muujin doonaa 1800 pixels. Tani waxaa loo xisaabiyaa 90% boqolkiiba 2000 (2000 x .90 = 1800)), taas oo ah xajmiga tarbiyada.
Haddii mid kasta oo ka mid ah "colka" ee laga helo gudaha "weelka" ayaa lagu qiyaasaa cabbirka 30%, ka dibna mid kasta wuxuu noqon doonaa 540 pixels ah oo tusaalahan ku jira. Tani waxaa loo xisaabiyaa 30% 1800 pixels in weelku ku shaqeeyo (1800 x .30 = 540). Haddii aan badalno boqolkiiba intaas weelkani, kala qaybsanaanta gudaha waxaa kale oo ay isbeddelayaan xajmiga ay bixiyaan illaa iyo inta ay ku tiirsan yihiin kuwaas oo ku jira qaybta.
Aynu ka fikirno in daaqadaha baraha ah ay weli yihiin 2000 pixels oo ballaaran, laakiin waxaan badalnaa qiimaha boqolkiiba ee weelka ilaa 80% halkii 90%. Taasi waxay ka dhigan tahay in ay bixiso 1600 pixels balaadhan hadda (2000 x .80 = 1600). Xitaa haddii aynaan badalin CSS-ga ee xajmiga 3 "col", oo ka tago 30%, waxay si kala duwan u bixin doonaan illaa iyo inta ay ka kooban yihiin, taas oo ah xayndaab ay tahay, ayaa isbeddelay. Saddex qeybood ayaa hadda sameyn doona 480 pixels oo dhan, taas oo ah 30% 1600, ama cabbirka weelka (1600 x .30 = 480).
Tani waxay sii dheereyneysaa, haddii ay jirto sawir gudaha mid ka mid ah qaybahan "col" oo sawirka waxaa lagu qiyaasey boqolkiiba boqol, macnaha mawduuciisu waxay noqonaysaa "col". Sida qaybta "col" ayaa loo beddelay xajmiga, sidaas darteed sawirka gudaha dhexdiisa. Sidaa daraadeed haddii baaxadda baqshadda ama "konteyner" la beddelay, taasi waxay saameyn doontaa saddexda qaybood ee "colka", taas oo isbedeleysa baaxadda sawirka gudaha "col." Sidaad arki karto, kuwani dhammaantood waa ay xiran yihiin waxay ku timaaddaa qiime-dhimista boqolleylaha.
Markaad tixgeliso sida qaybta hoose ee bogga internetka ay bixin doonto marka qiimaha boqolkiiba loo adeegsado ballaadhkeeda, waxaad u baahan tahay inaad fahamto macnaha calaamadda ah ee cinwaanka ku yaal bogga bogga.
Marka la soo koobo
Boqolkiiba wuxuu ciyaarayaa door muhiim ah oo abuuraya qaabka loogu talagalay bogagga internetka ee wax ku oolka ah . Haddii aad sawirro u samayso sawirro si habsami leh ama isticmaal boqolkaro kala duwan si aad u sameyso shabaq dhab ah oo tiradoodu ay isku mid yihiin, fahamka xisaabtan ayaa lagama maarmaan u ah si loo gaaro aragtida aad rabto.