Sida Loo Bedelo Cabirka Sawirka HTML

3. Isticmaalka sifada "ballaadhka" si loo hagaajiyo ballaca sawirka HTML

Sifada ballaca ee HTML waa qalab waxtar leh oo lagu hagaajinayo ballaca sawirka bogga shabakadda. Sifadan, waxaad si gaar ah u xakameyn kartaa cabbirka jiifka ee sawirka oo aad hubisaa inay si fiican ugu habboon tahay naqshadda goobtaada.

Si aad u isticmaasho sifada "ballaadhka", waxaad si fudud ugu dari kartaa gudaha sumadda sawirka. Tusaale ahaan, haddii aad rabto in sawirku noqdo 300 pixels ballaaran, koodka ayaa noqon lahaa .

Waxaa muhiim ah in la ogaado in qiimaha sifada ballaca lagu qeexay pixels. Si kastaba ha ahaatee, waxaad sidoo kale isticmaali kartaa boqolkiiba si aad u hagaajisid ballaca sawirka marka loo eego weelkiisa. Tusaale ahaan, haddii aad dejiso width=”50%”, sawirku waxa uu qaadanayaa kala badh ballaca weelka uu ku jiro.

Haddii aad rabto in aad u hagaajiso ballaca sawirka si siman, hubi in aanad cayimin dhererka sawirka. Haddii aad kaliya hagaajiso ballaca oo aanad dhererka ahayn, sawirku si toos ah ayuu u cabbiri doonaa iyada oo aan is-dixin, isagoo ilaalinaya saamigiisa asalka ah. Tani waxay si gaar ah faa'iido u leedahay markaad la shaqeyso sawirro jawaab celin ah oo u baahan inay la qabsadaan cabbirrada shaashadaha kala duwan.

4. Hagaajinta dhererka sawirka HTML iyadoo la adeegsanayo "dhererka" sifada

Marka lagu daro sawirada bogga shabakadda, inta badan waa lagama maarmaan in la hagaajiyo dhererka si loogu habeeyo qaabka naqshadeynta. HTML, tan si fudud ayaa lagu gaari karaa iyadoo la adeegsanayo sifada "dhererka". Halkan waxaan ku tusi doonaa sida loo sameeyo talaabo talaabo ah:

1. Marka hore, waa inaad lahaataa summada sawirka HTML code kaaga:
"html

«` `

2. Si loo hagaajiyo dhererka sawirka, si fudud ugu dar sifada "dhererka" gudaha sumadda sawirka. Waxaad ku qeexi kartaa dhererka la rabo pixels ama boqolkiiba. Tusaale ahaan, haddii aad rabto inaad dejiso dhererka 200 pixels, sawirkaagu wuxuu u ekaan doonaa sidan:
"html

«` `
Ama haddii aad doorbidayso inaad isticmaasho boqolkiiba, waxaad u samayn kartaa sida soo socota:
"html

«` `

3. Waxaa muhiim ah in la sheego in marka la hagaajinayo dhererka sawirka, waa in aad xisaabta ku dartaa saamiga si aad uga fogaato in ay u muuqato mid qalloocan. Haddii aad dejiso dhererka oo keliya adiga oo aan beddelin ballaca saami ahaan, sawirku waxa uu u muuqan karaa mid fidsan ama la cufan.

Xasuusnoow in sifada "dhererka" ee HTML ay ku siineyso dabacsanaan aad si fudud ugu hagaajin karto dhererka sawirka iyadoo loo eegayo baahiyaha naqshadeyntaada. Markaad raacdo tillaabooyinkan, waxaad awoodi doontaa inaad xakameyso muuqaalka muuqaalka sawiradaada wax ku ool ah iyo in la xaqiijiyo waayo-aragnimada isticmaale ee ugu fiican.

5. Joogteynta saamiga sawirka marka aad wax ka beddelayso HTML

Waxaa jira dhowr siyaabood oo lagu ilaalinayo saamiga sawirka marka lagu bedelayo HTML. Hoos waxaa ahaan doona xal tallaabo-tallaabo ah iyadoo la isticmaalayo HTML iyo CSS.

1. Isticmaal sifada "ballaadhka" ee ku taal tag': Tani waa habka ugu fudud ee lagu ilaalin karo saamiga sawirka marka dib loo habeynayo. Waxaan si fudud u baahannahay inaan dejino ballaca la rabo ee sawirka iyadoo la adeegsanayo sifada "ballaadhka" dhererkuna wuxuu si toos ah u hagaajin doonaa, isagoo ilaalinaya saamiga asalka ah. Waa kan tusaale:

"html

«` `

2. Isticmaal CSS si aad u dejiso ballaca iyo dhererka sawirka: Haddii aan rabno in aan si weyn u xakameyno cabbirrada sawirka, waxaan isticmaali karnaa CSS. Si tan loo sameeyo, waa in aan si fudud u qoondeeynnaa fasalka u dhigma sawirka ka dibna qeexno ballaca iyo dhererka xaashida qaabka. Waa kan tusaale:

"html

«` `

3. Adeegso sifada «style» ee ku taal tag`: Doorasho kale ayaa ah in si toos ah loo isticmaalo sifada "style" ee ku jirta 'taggaSi loo dejiyo ballaca iyo dhererka sawirka. Waa kan tusaale:

"html

«` `

Kuwani waa qaar ka mid ah siyaabaha ugu badan ee lagu ilaaliyo saamiga sawirka marka lagu beddelayo HTML. Waxaad isticmaali kartaa mid ka mid ah xulashooyinkan iyadoo ku xiran baahidaada iyo dookhyadaada. Had iyo jeer xasuuso inaad tijaabiso oo hagaajiso cabbirada si aad u hesho natiijada la rabo.

6. Dib-u-habaynta sawirka leh qiyamka qaraabada ah ee HTML

Si loo cabbiro sawirka HTML iyadoo la isticmaalayo qiyamka qaraabada ah, waxaan isticmaali karnaa hantida “ballaadhka” CSS. Hantidani waxay noo ogolanaysaa inaan qeexno ballaca sawirka boqolleyda marka loo eego cabbirka weelka. Tusaale ahaan, haddii aan rabno in sawirku qaado nuska weelka, waxaan isticmaali karnaa "ballaadhka: 50%" qaabka CSS ee sawirka sawirka.

Hab kale oo lagu beddelo cabbirka sawirka waa adiga oo isticmaalaya hantida CSS ee “ballac-weyn”. Hantidani waxay noo ogolaanaysaa inaan qeexno cabbirka ugu badan ee sawirka, iyadoo la hubinayo inaysan u muuqan pixelated ama qalloocin shaashadaha waaweyn. Waxaan isticmaali karnaa "max-width: 100%" si sawirku ugu habboon yahay cabbirka weelka, laakiin aan ka badnayn cabbirkiisa asalka ah.

Waxaa muhiim ah in la ogaado in marka dib loo habeynayo sawirka iyadoo la adeegsanayo qiyamka qaraabada, sidoo kale waa lagama maarmaan in la hagaajiyo dhererka sawirka si siman si loo ilaaliyo saamiga asalka ah. Taas awgeed, waxaan u isticmaali karnaa "dhererka" hantida CSS oo ay la socoto "ballaadhka" ama "max-ballad". Tusaale ahaan, haddii aan rabno in sawirku ilaaliyo saamigiisa asalka ah, waxaan u isticmaali karnaa "dhererka: auto" qaabka CSS ee sawirka sawirka. Tani waxay hubin doontaa in dhererku si toos ah ula jaanqaado ballaca la cayimay.

7. Xakamaynta cabbirka sawirka oo leh qiime dhammaystiran oo HTML ah

Hal dariiqo oo lagu xakameeyo cabbirka sawirka HTML waa adiga oo isticmaalaya qiimayaal dhammaystiran. Qiimayaashani waxay kuu oggolaanayaan inaad qeexdo cabbir go'an dhererka iyo ballaca sawirka, iyadoon loo eegin cabbirka faylka asalka ah.

Si tan loo sameeyo, waxaad isticmaali kartaa sumadda HTML oo isticmaal balac iyo sifada dhererka si aad u qeexdo qiyamka saxda ah ee la rabo. Tusaale ahaan, haddii aad rabto in sawirku yeesho ballac dhan 300 pixels iyo joog 200 pixels, waxaad ku dari kartaa koodka soo socda:

"html

«` `

Waxaa muhiim ah in la ogaado marka la isticmaalayo qiyamka saxda ah, sawirku wuxuu noqon karaa mid qalloocan ama pixelated haddii daaqada browserka la cabbiro. Tani waa sababta oo ah sawirku si firfircoon uma qabsanayo cabbirrada shaashadaha kala duwan.

Beddelka lagu taliyay waa in la isticmaalo qiyamka qaraabada ah halkii laga isticmaali lahaa kuwa dhammaystiran. Tusaale ahaan, halkii aad ku sheegi lahayd cabbirka pixels, waxaad isticmaali kartaa boqolleyda si aad si toos ah ugu habboonaato sawirka booska bannaan. shaashadda. Tan waxa lagu gaaraa iyada oo loo qaybiyo qiyamka boqolleyda ballaca iyo sifooyinka dhererka.

"html

«` `

Adigoo isticmaalaya qiyamka qaraabada ah, sawirku wuxuu u miisaami doonaa si siman inta uu le'eg yahay daaqada browserka, taasoo keenaysa waayo-aragnimo daawasho wanaagsan Isticmaalayaasha. Si kastaba ha ahaatee, waxaa muhiim ah in la ogaado in xaaladaha qaarkood ay lagama maarmaan tahay in la isku daro qiimaha saxda ah iyo kuwa qaraabada ah si loo helo natiijada la rabo.

Marka la soo koobo, xakameynta cabbirka sawirka leh qiyamka saxda ah ee HTML waa ikhtiyaar sax ah, laakiin waxaa muhiim ah in la tixgeliyo xaddidaadaha la xiriira la qabsiga cabbirrada shaashadda kala duwan. Isticmaalka qiyamka qaraabada ah waxay ku siin kartaa xal dabacsan oo la qabsan karo.

8. Isticmaalka cutubyo gaar ah oo cabbiraadda si loo hagaajiyo cabbirka sawirka HTML

Unugyada cabbiradu waxay ciyaaraan door muhiim ah marka la cabbirayo sawirka HTML. Marka lagu daro halbeegyada cabbiraadda caadiga ah sida pixels, boqolleyda, iyo dhibcaha, HTML waxa kale oo ay bixisaa cutubyo cabbireed oo gaar ah kuwaas oo bixiya dabacsanaan iyo xakamaynta cabbirka sawirka.

Mid ka mid ah halbeegyada gaarka ah ee sida caadiga ah loo isticmaalo waa unugga "em", kaas oo ku salaysan cabbirka farta hadda. Adigoo dejinaya cabbirka sawirka "em", sawirku si toos ah ayuu isu hagaajin doonaa haddii cabbirka farta lagu beddelo dukumeentiga HTML. Tusaale ahaan, haddii aad dejiso cabbirka sawirka 2em ka dibna aad kordhiso cabbirka farta dukumeentiga oo dhan, sawirku wuxuu labanlaabmi doonaa cabbir ahaan saami ahaan.

Halbeeg kale oo faa'iido leh oo cabbiraadda gaarka ah waa "rem," taas oo ka duwan "em" taas oo ku saleysan cabbirka asalka ee dukumeentiga halkii ay ka ahaan lahayd cabbirka font hadda. Tani waxay u oggolaaneysaa xakameyn weyn iyo joogtayn ku habboon sawirada qaybaha kala duwan ee dukumeentiga. Tusaale ahaan, haddii aad dejiso cabbirka sawirka 1.5rem, cabbirkiisu wuxuu noqonayaa 1.5 jeer cabbirka farta xididka.

Marka laga soo tago cutubyadan gaarka ah ee cabbiraadda, HTML waxa kale oo ay bixisaa doorashooyin kale, sida unugga "vw" oo ku salaysan ballaca daaqadda browserka, unugga "vh" oo ku salaysan dhererka daaqada browserka, iyo unugga "vmin" kaas oo ku salaysan qiimaha ugu yar ee u dhexeeya ballaca iyo dhererka daaqada browserka. Cutubyadani waxay si gaar ah faa'iido u leeyihiin abuurista qaab-dhismeedyo jawaab celin ah iyo hubinta in sawiradu si sax ah ugu habboon yihiin cabbirrada shaashadda kala duwan.

Marka la soo koobo, adeegsiga cutubyo cabbir gaar ah sida "em", "rem", "vw", "vh" iyo "vmin" si loo cabbiro sawirka HTML waxay ku siinaysaa kontorool iyo dabacsanaan weyn. Cutubyadani waxay oggolaadaan in sawirada si toos ah loo hagaajiyo iyadoo lagu salaynayo arrimo kala duwan, sida cabbirka farta, cabbirka daaqada browserka, iyo nooca aaladda la isticmaalo. Ku tijaabi cutubyadan oo ogow sida aad ugu heli lahayd taam ugu habboon sawiradaada mashaariicdaada ee HTML.

9. Dib u qaabaynta sawirka HTML iyadoo la isticmaalayo qaababka CSS

Si loo cabbiro sawirka HTML iyadoo la isticmaalayo qaababka CSS, waxaa jira tallaabooyin fudud oo la raaco. Ugu horreyntii, waa inaad aqoonsataa sawirka aad rabto inaad ku dabaqdo cabbirka. Tani waa la samayn karaa adigoo isticmaalaya HTML "id" ama "class" sifada si aad u doorato si sax ah. Marka sawirka la aqoonsado, qaababka CSS ayaa lagu dabaqaa si wax looga beddelo cabbirkiisa.

Habka caadiga ah ee sawirka loo cabbiro waa iyadoo la isticmaalayo ballaca iyo sifooyinka dhererka ee CSS. Guryahani waxay kuu oggolaanayaan inaad qeexdo ballaca iyo dhererka sawirka siday u kala horreeyaan. Tusaale ahaan, haddii aad rabto in aad hoos u dhigto cabbirka sawirka kala badh, waxaad dejin kartaa qiime dhan 50% labada guri. Dhanka kale, haddii aad rabto inaad kordhiso cabbirka sawirka, waxaad isticmaali kartaa qiime ka badan 100%.

Marka lagu daro cabbirka qiyaasta, waxa kale oo suurtogal ah in la isku hagaajiyo cabbirka sawirka si madaxbannaan ballac iyo dherer. Tan waxaa lagu gaaraa iyada oo wax laga beddelayo hantida la rabo oo keliya, ama "ballaadhka" ballaca ama "dhererka" dhererka. Waxaa muhiim ah in la ogaado in haddii mid ka mid ah guryaha la bedelay, sawirku wuxuu lumin karaa saamigeedii asalka ahaa, sidaas darteed waxaa lagula talinayaa in la isticmaalo noocaan oo kale ah si taxadar leh. Had iyo jeer xasuuso inaad kaydiso isbeddelladaada oo hubi sida sawirku u ekaado cabbirrada shaashadaha kala duwan.

10. Ku dabaqida saamaynta horumarsan ee wax ka beddelka sawirka HTML

Maqaalkan, waxaan ku sahamin doonaa sida loogu dabaqo saamaynta horumarsan ee wax ka beddelka sawirka iyadoo la adeegsanayo HTML. Dib-u-habeynta sawirku waa farsamo caadi ahaan loo isticmaalo horumarinta shabakadda si loo hagaajiyo cabbirka iyo muuqaalka sawirada iyadoo lagu saleynayo baahiyaha naqshadeynta. Waxaan baran doonaa sida loo gaaro tan si wax ku ool ah oo xirfad leh.

Waa kuwan qaar ka mid ah tillaabooyinka aasaasiga ah ee lagu dabaqayo saamaynta cabbirka ee horumarsan ku sawir HTML:

1. Isticmaal HTML "img" tag si aad sawirka ugu dhejiso boggaaga internetka. Hubi inaad bixiso sifada "src" taasoo tilmaamaysa goobta sawirka serverkaaga. Tusaale ahaan,

2. Si loo cabbiro sawirka, waxaad isticmaali kartaa sifada "ballaadhka" iyo "dhererka" ee sawirka sawirka. Tusaale ahaan, si aad u dejiso ballaca 300 pixels iyo joogga 200 pixels, waxaad ku dari kartaa ballac=”300″ height=”200″ summada sawirka sawirka.

3. Saamaynta wax ka beddelka ee horumarsan ee lagu dabaqi karo waa cabbirid saami-qaybsi. Tani waxay ku lug leedahay dejinta qiimaha ballaca ama dhererka oo u ogolaanaysa qiimaha kale inuu si toos ah u hagaajiyo si loo ilaaliyo saamiga asalka ah ee sawirka. Taas waxa aad ku gaadhi kartaa adiga oo dejinaya sifada "ballac" ama "dhererka" oo kaliya oo u ogolow sifada kale in ay si toos ah u hagaajiso. Tusaale ahaan, Waxay si toos ah isku hagaajin doontaa dhererka si ay u ilaaliso saamiga asalka ah ee sawirka.

Fadlan xusuusnoow in cabbirka sawirada ay saameyn karto tayada muuqaalka sawirada. Waa muhiim in la ilaaliyo dheelitirka u dhexeeya cabbirka sawirka iyo tayada si loo hubiyo in boggaaga shabakadu si dhakhso ah u soo baxo oo ay bixiso khibrad isticmaale oo wanaagsan. Ku tijaabi qiyaaso kala duwan iyo cabbiro kala duwan si aad u hesho qaabaynta sida ugu fiican ugu shaqaynaysa baahiyahaaga. Tallaabooyinkan iyo talooyinkan, waxaad ku sii socon doontaa inaad ku dabaqdo saamaynta horumarsan ee wax ka beddelka sawiradaada HTML.

11. Sida loo cabbiro sawirka asalka ah ee HTML

Marka la naqshadeynayo bogga shabakadda, waxaa laga yaabaa inay lagama maarmaan noqoto cabbir sawirka asalka HTML si loo waafajiyo naqshadeynta bogga. Nasiib wanaag, habkani waa mid sahlan waxaana lagu gaari karaa dhowr tillaabo. Marka xigta, waxaan ku tusi doonaa sida aad u cabbiri karto sawirka asalka ah ee HTML.

1. Tallaabada ugu horreysa ee lagu cabbirayo sawirka asalka ah ee HTML waa in la qeexo qaabka CSS ee qaybta ama qaybta aad rabto inaad ku dabaqdo sawirka. Si tan loo sameeyo, waa inaad isticmaashaa hantida CSS-ta “background-image” oo aad u qoondayso URL-ka sawirka aad rabto inaad u isticmaasho asalka.

2. Marka aad qeexdo qaabka CSS ee qaybta, waa waqtigii lagu qeexi lahaa cabbirka asalka sawirka. Si taas loo sameeyo, isticmaal CSS hantida “background-size” oo cadee ballaca iyo dhererka la rabo. Waxaad isticmaali kartaa halbeegyada cabbiraadda, sida boqolleyda ama daawashada, ama halbeegyada cabbiraadda dhammaystiran, sida pixels.

3. Marka lagu daro qeexidda cabbirrada asalka sawirka, waxaad sidoo kale xakameyn kartaa booska asalka adiga oo isticmaalaya hantida CSS ee "goobta-dabeecadda". Gurigani wuxuu kuu ogolaanayaa inaad dejiso booska toosan iyo toosan ee asalka ee qaybta. Waxaad ku isticmaali kartaa qiyamka pixels, boqolleyda ama ereyada muhiimka ah sida "bidix", "midig", "sare" ama "hoose".

Xusuusnow in ay muhiim tahay in la tijaabiyo oo la hagaajiyo cabbirada iyo booska asalka sawirka si loo gaaro natiijada la rabo. Dareen xor ah inaad tijaabiso qiyam kala duwan oo arag sida ay u egyihiin boggaaga! Tallaabooyinkan fudud, waxaad si fudud u cabbiri kartaa sawirka asalka HTML oo aad la qabsan kartaa naqshadeynta shabakadaada.

12. Xallinta mashaakilaadka caadiga ah marka sawirka HTML la beddelayo

Markaad dib u habeynayso sawirka HTML, arrimaha caadiga ah ayaa badanaa soo baxa kuwaas oo saameyn kara muuqaalka muuqaalka iyo shaqeynta boggaaga. Nasiib wanaag, dhibaatooyinkan waxaa lagu xallin karaa in la raaco dhowr tillaabo oo la isticmaalo qalab iyo farsamooyin kala duwan. Halkan waxaa ah hage faahfaahsan oo kaa caawinaya xalinta dhibaatooyinkan:

1. Hubi cabbirka asalka ah ee sawirka: Kahor intaadan cabbirin sawirka, waxaa muhiim ah in la ogaado cabbirkiisa asalka ah. Waxaad taas ku samayn kartaa adigoo isticmaalaya qalabka baadhista curiyaha ee gudaha browserkaaga. Markaad aqoonsato ballaca iyo dhererka sawirka, waxaad go'aamin kartaa cabbirka aad rabto inaad hagaajiso.

2. Isticmaal sifada "ballaca" iyo "dhererka" ee ku yaal calaamadda : Si loo cabbiro sawirka HTML, waxaad isticmaali kartaa sifada "ballaadhka" iyo "dhererka" ee summada . Tilmaamahani waxay kuu oggolaanayaan inaad dejiso ballaca iyo dhererka sawirka pixels. Tusaale ahaan: . Xusuusnow inaad hagaajiso qiyamka iyadoo loo eegayo baahiyahaaga gaarka ah.

3. Isticmaal CSS si aad u cabbirto sawirada si sax ah: Haddii aad u baahan tahay dabacsanaan badan oo cabbirka sawirada, waxaad isticmaali kartaa CSS si aad u cabbirto. Waxa aad taas samayn kartaa adiga oo isticmaalaya hantida "ballaadhka" iyo "dhererka" ee xeerka CSS ee u dhigma. Tusaale ahaan: img {ballaadhka: 50%; dhererka: nafta; } Tani waxay ka dhigi doontaa sawirka ilaa 50% cabbirkiisa asalka ah waxayna ilaalin doontaa saamigeeda.

Xasuusnoow marka aad dib u habeyn ku sameyneyso sawirka, waxaa muhiim ah in la tixgeliyo muuqaalka muuqaalka iyo akhrinta macluumaadka boggaaga. Tijaabi cabbirro kala duwan iyo hababka cabbirka si aad u hesho xalka ugu fiican kiiskaaga gaarka ah. Markaad raacdo tillaabooyinkan oo aad isticmaasho aaladaha saxda ah, waxaad xallin kartaa dhibaatooyinka caadiga ah ee la xiriira cabbirrada sawirka HTML.

13. Kor u qaadista cabbirka iyo waxqabadka sawirada HTML

Markaad la shaqeyneyso sawirada HTML, waa lagama maarmaan in la wanaajiyo cabbirkooda iyo waxqabadkooda si loo hagaajiyo khibradda rarida iyo xawaaraha boggaaga. Si taas loo gaaro, waxaa muhiim ah in la raaco tilmaamaha qaar oo la isticmaalo qalab hufan. Hoos waxaa ah tillaabooyinka lagama maarmaanka u ah si kor loogu qaado sawirrada HTML.

1. Isku dheji sawirada: Mid ka mid ah siyaabaha ugu waxtarka badan ee lagu dhimi karo cabbirka sawirada waa adigoo riixaya. Waxaa jira qalabyo kala duwan oo online ah iyo barnaamijyo gaar ah oo kaa caawin kara inaad isku dhejiso sawiradaada adigoon lumin tayada badan. Waxaad isticmaali kartaa kombaresarada sawirada onlineka ah sida TinyPNG o jpegmini, ama software sida Adobe Photoshop o GIMP si aad u cadaadiyo sawiradaada ka hor intaadan ku darin mareegahaaga

2. Hagaajin qaabka: Qodob kale oo muhiim ah oo ka mid ah tayaynta sawirka ayaa ah in la isticmaalo qaabka saxda ah iyadoo loo eegayo nooca sawirka. Qaababka ugu caansan ee sawirada websaydhka uu JPEG, PNG y GIF. JPEG waxay ku habboon tahay sawirro leh midabyo kala duwan, halka PNG Waxay ku habboon tahay sawirada midabada adag iyo daahfurnaanta. Qaabka GIF Waxaa inta badan loo isticmaalaa animations ama sawirro fudud. Doorashada qaabka saxda ah, waxaad sii yareyn kartaa cabbirka sawiradaada.

3. Deji cabbirada iyo xallinta habboon: Hab kale oo lagu wanaajin karo waxqabadka sawirrada HTML waa in la dejiyo cabbirada iyo xallinta habboon. Waxaa muhiim ah in lagu qeexo ballaca iyo dhererka sawirka ee koodhka HTML si looga hortago in browserku uu si toos ah u cabbiro, taas oo hoos u dhigi karta soo dejinta bogga. Waxa kale oo laga yaabaa inaad tixgeliso isticmaalka srcset si loo qeexo cabbirrada sawirada kala duwan ee aaladaha kala duwan, taas oo u oggolaan doonta in sawirka ugu habboon ee aaladda isticmaaluhu si toos ah loogu shubo.

Raacitaanka tillaabooyinkan iyo adeegsiga qalabka saxda ah iyo farsamooyinka ayaa kuu oggolaanaya inaad sare u qaaddo cabbirka iyo waxqabadka sawirrada boggaaga, taas oo kor u qaadeysa khibradda isticmaale iyo xawaaraha dejinta. Had iyo jeer xasuuso inaad qiimeyso natiijooyinka oo aad tijaabiso si aad u hesho isku dhafka ugu fiican ee cabbirka sawirka iyo tayada boggaaga.

14. Gabagabada iyo talooyinka beddelka cabbirka sawirka HTML

Marka la soo koobo, cabbirka sawirka HTML waa hab fudud oo la samayn karo iyada oo la raacayo dhowr tillaabo oo fudud. Marka hore, waxaa muhiim ah in la ogaado in cabbirka sawirka lagu beddeli karo HTML iyadoo la adeegsanayo ballaca iyo sifooyinka dhererka. Tan waxaa la samayn karaa labadaba xariiqda koodka ama iyadoo la isticmaalayo qalab tafatirka sawirka.

Hal dariiqo oo lagu cabbiro sawirka waa adigoo isticmaalaya "ballaadhka" iyo "dhererka" sifooyinka sawirka sawirka. Tusaale ahaan:
"html

«` `
Tusaalahan, sawirka waxa lagu soo bandhigi doonaa ballaciisu yahay 500 pixels iyo joogga 300 pixels. Waxaa muhiim ah in la ogaado in haddii kaliya mid ka mid ah sifooyinka (ballaadhka ama dhererka) la cayimay, sawirka ayaa la qiyaasi doonaa si uu ugu habboon yahay qiimaha la cayimay.

Hab kale oo lagu cabbiro sawirka HTML waa adiga oo isticmaalaya CSS. Si tan loo sameeyo, waxaad isticmaali kartaa "ballaadhka" iyo "dhererka" hantida xaashida qaabka ama si toos ah sawirka sawirka. Tusaale ahaan:
"html

«` `
Tusaalahan, sawirka waxaa lagu soo bandhigi doonaa balac dhan 50% weelka ku hareeraysan dhererka ayaa si toos ah ula qabsan doona si loo ilaaliyo saamiga asalka ah ee sawirka.

Marka lagu daro xulashooyinka la soo sheegay, waxaa jira qalab online ah iyo maktabado ka dhigaya habka cabbirka sawirada HTML xitaa mid sahlan. Qaar ka mid ah waxay kuu oggolaanayaan inaad hagaajiso cabbirka adigoo jiidaya oo tuuraya sawirka, waxay bixiyaan xulashooyinka goosashada iyo isku-buufinta, iyo sidoo kale waxay bixiyaan suurtogalnimada soo saarista koodka lagama maarmaanka u ah in la geliyo sawirka bogga shabakadda. Qalabyadani waxay inta badan faa'iido u leeyihiin kuwa aan khibrad u lahayn tafatirka sawirada ama si fudud u raba inay dedejiyaan habka. Xasuusnoow inay muhiim tahay in la hagaajiyo cabbirka sawirada si loo hagaajiyo xawaaraha rarka bogga shabakadda.

Gebogebadii, wax ka beddelka sawirka HTML waa hab fudud oo lagu sameeyo iyadoo la isticmaalayo ballaca iyo sifooyinka dhererka, labadaba iyadoo la adeegsanayo koodka iyo isticmaalka CSS. Waxa kale oo jira qalab online ah oo ka dhigaya habkan mid fudud. Hubi inaad hagaajiso cabbirka sawiradaada si aad u wanaajiso waxqabadka mareegahaaga.

Marka la soo koobo, wax ka beddelka sawirka HTML waa hawl fudud laakiin hawl muhiim ah si loo hubiyo soo bandhigidda iyo waxqabadka bogga ka wanaagsan. Adigoo isticmaalaya sifada "ballaadhka" iyo "dhererka" ee sumadda "img", waxaad qeexi kartaa cabbirka la rabo ee sawirka labadaba pixels iyo boqolkiiba. Waa lagama maarmaan in maskaxda lagu hayo in wax ka beddelka cabbirka sawirka tooska ah ee HTML ay muujin karto qalloocin aragga haddii saamiga asalka ah aan la ilaalin. Sidaa darteed, waxaa lagu talinayaa in la isticmaalo barnaamijyada tafatirka sawirka si loo sameeyo hagaajin sax ah ka hor inta aan la gelin koodhka HTML. Intaa waxaa dheer, waxaa muhiim ah in la tixgeliyo saameynta cabbirka sawirku ku yeelan karo xawaaraha rarista bogga iyo khibradaha isticmaalaha. Ugu dambeyntii, waxaa habboon in la sheego in ay jiraan farsamooyin iyo qalabyo badan oo kuu ogolaanaya inaad kor u qaaddo oo aad wax ka beddesho sawirada. si hufan, kaas oo gacan ka geysan kara hagaajinta guud ahaan waxqabadka bogga iyo waxtarka. Joogteynta dheellitirka saxda ah ee udhaxeeya tayada muuqaalka iyo xawaaraha rarida ayaa lama huraan u ah bixinta khibrad isticmaale oo wanaagsan.

Sebastian Vidal

Anigu waxaan ahay Sebastián Vidal, injineer kombuyuutar oo xiiseeya farsamada iyo DIY. Intaa waxaa dheer, anigu waxaan ahay abuuraha tecnobits.com, halkaas oo aan ku wadaago casharrada si aan tiknoolajiyada uga dhigo mid la heli karo oo qof walba la fahmi karo.