Waa kuwan sida loo kordhiyo sawirada naqshadaynta ee la isticmaalayo CSS
Fiiri boggaga internetka ee maanta iyo hal daaweyn naqshadeed oo aad hubto inaad aragto waa sawirro waaweyn oo muuqaal ah. Mid ka mid ah caqabadaha ku daraya sawiradaas waxay ka timaadaa habka ugu wanaagsan ee website-yadu waa inay uga jawaabaan qiyaasaha sawirada iyo qalabyada kala duwan - hab loo yaqaan habka naqshadeynta websaydhka .
Maadaama barta internetka ee isbeddelka iyo miisaankoodu yahay cabbirrada shaashadaha kala duwan, sidaas darteed waa in waliba sawirada asalka ah ee cabbirkooda ay u cabbiraan cabirkooda.
Dhab ahaan, "kuwan muuqaalka" ayaa ah mid ka mid ah qaybaha muhiimka ah ee website-yada wax ku oolka ah (oo ay la socdaan shabakadda dareeraha iyo warbaahinta). Saddexdaas qeybood waxay ahaayeen naqshad naqshad sameynta webka tan iyo bilowgii, laakiin marwalba waxay ahayd mid si sahal ah u sahlan in lagu daro sawirrada muuqaalka ah ee goobta (sawirrada muuqaalku waa shaxanka lagu calaameeyey qayb ka mid ah calaamadaha HTML), Sidoo kale sawirada asalka ah (kuwaas oo ku qoran bogga iyada oo la adeegsanayo hantida CSS) waxay muddo dheer ku bixisay caqabad muhiim ah oo loogu talagalay farsamayaasha websaydhka iyo horumarinta dhammaadka hore. Nasiib wanaag, ku darida hantida "asalka ah" ee CSS ayaa suurtagalisay suurtagalnimada.
Maqaal kaladuwan, waxaan ku daboolay sida loo isticmaalo CSS3 asalka dabiiciga ah si loo sawiro muuqaalka daaqada, hase yeeshee waxaa jira habab ka sii wanaagsan, oo waxtar leh oo lagu geyn karo hantidan. Si arrintan loo sameeyo, waxaanu isticmaali doonaa hantida soo socda iyo qiimaha isku dhafan:
cabbirka asalka ah: dabool;
Guryaha muhiimka ah ee caymiska ku jira ayaa kuu sheegaaya biraawsarka si loo cabbiro sawirka si uu ugu habboonaado daaqada, iyada oo aan loo eegin inta uu le'eg yahay ama yar yahay daaqada. Sawirka waxaa loo cabiraa si uu u daboolo shaashadda oo dhan, laakiin saamiga asalka ah iyo saamiga xajmiga waa la ilaaliyaa, ka hortagida muuqaalka laftiisa in la baddalo.
Sawirka waxaa la dhigayaa daaqada sida ugu macquulsan si daaqada oo dhan loo daboolo. Tani waxay ka dhigan tahay inaadan haysan wax dhibco ah oo ku yaal boggaaga ama isbeddel kasta oo muuqaal ah, laakiin sidoo kale waxay ka dhigan tahay in qaar ka mid ah sawirada laga yaabo in la yareeyo iyadoo ay ku xiran tahay saamiga qaabka shaashadda iyo sawirka su'aasha. Tusaale ahaan, geesaha sawirka (midka sare, hoose, bidix, ama midig) waxaa laga yaabaa in laga gooyo sawirada, taas oo ku xidhan qiimaha aad isticmaashid hantida asalka ah. Haddii aad maskaxda ku hayso "korka bidix", wax kasta oo ka muuqda sawirka wuxuu ka imanayaa hoosta iyo dhinacyada midig. Haddii aad gasho sawirka asalka ah, xad-dhaafku wuxuu ka imanayaa dhammaan dhinacyada, laakiin maaddaama taasi xadidan tahay, saameynta dhinaca dhinac kasta ayeey u adeegi doontaa.
Sidee loo Isticmaalaa asalka-cabbirka: daboosha;
Marka aad abuureyso sawirkaaga asalka ah, waa fikrad fiican inaad sameyso sawir si aad u weyn. Inkastoo daalacayaashu ay samayn karaan muuqaal yar yar iyada oo aan wax saameyn ah ku yeelanayn tayada muuqaalka, marka shaandheyntu ay kor u qaaddo muuqaal ah cabbir ka weyn tan asalka dhabta ah, tayada muuqaalku waa la jabin doonaa, noqotey mid ciriiri ah. Waxyaabaha hoos u dhacani waa in boggaagu uu qaado waxqabadka waxqabadka marka aad u keenayso sawirro waawayn dhammaan shaashadaha.
Markaad sidan sameyso, hubso inaad si sax ah u diyaarsato sawirrada xawaaraha galka iyo bixinta webka . Dhamaadka, waxaad u baahan tahay inaad heshid dhexdhexaadinta farxadda inta u dhexeysa cabbirka weyn ee tayada iyo tayada iyo cabirka faylka ee macquulka ah si aad u qaadatid xawaare.
Mid ka mid ah siyaabaha caadiga ah ee loo isticmaalo sawirada muuqaalka sawirada waa marka aad rabto in sawiradani ay soo rogaan asalka guud ee bogga, haddii bogga uu yahay mid ballaaran oo lagu eegayo kombiyuutar shaqeyn ama wax yar ka yar waxaana loo diraa gacanta, gacanta qalabyada.
Fiiri sawirkaaga martigeliyahaaga oo ku dar CSS-gaada asal ahaan asalka ah:
image-image: url (roodul-dhaafka wdw.jpg);
Dib-u-celin asal ah: dib-u-celin;
Goobta asalka ah: xarunta dhexe;
asalka asalka ah: go'an;
Ku dar browserka horay CSS ugu horeysay:
-waxbarasho-cabbir-cabbir: dabool;
-moz-size-size-cover;
-uu-cabbir-qowmiyad: dabool;
Ka dibna ku dar hantida CSS:
cabbirka asalka ah: dabool;
Isticmaalida Sawirro kala duwan oo Qalab Iskuday
Inkasta oo naqshadeynta wax ku oolka ah ee waayo-aragnimo mashiinka lapto ama laptop ah ay muhiim tahay, qalabyada kala duwan ee isticmaali kara Webka ayaa si aad ah u koray, iyo noocyo kala duwan oo ah shaashado ayaa la socda.
Sidii hore loo soo sheegay, loading image image aad u weyn oo ku saabsan smartphone ah, tusaale ahaan, ma aha mid wax-qabad ah ama qaabka wareegsan-miyirka.
Baro sida aad u isticmaali karto su'aalaha warbaahinta si ay ugu adeegaan muuqaalada kuwaas oo ku haboonaan doona qalabka lagu soo bandhigi doono, iyo sii wanaajinta isbarbardhiggaaga internetka ee qalab mobile.
Maqaalka asalka ah ee Jennfier Krynin. Waxaa sameeyay Edited by Jeremy Girard 9/12/17