Ma doonaysaa in aad sawirka geliso boggaga internetka, laakiin ma garanaysid sida loo hagaajiyo cabbirkeeda si ay ugu habboonaato naqshadda? Ma doonaysaa inaad barato sida loo isticmaalo HTML tags iyo sifooyinka si aad wax uga beddesho ballaca iyo dhererka sawirka? Ma garanaysaa faa'iidooyinka iyo khasaaraha uu leeyahay hab kasta? Hadday jawaabtu haa tahay, maqaalkan adigaa leh.
Qodobkaan, Waxaan ku bari doonaa sida loo hagaajiyo cabbirka sawirka html, iyadoo la adeegsanayo xulashooyin kala duwan iyo agabyo kuu oggolaanaya inaad abuurto sawirro soo jiidasho leh oo la hagaajiyay ee boggaaga. Waxaan sidoo kale ku tusi doonaa faa'iidooyinka iyo khasaaraha ikhtiyaar kasta, iyo sidoo kale qaar ka mid ah talooyin iyo dhaqamada wanaagsan si aad u horumariso shaqadaada.
Waa maxay sawirka html iyo sida loo geliyo
Sawir ku jira html waa curiye kuu ogolaanaya inaad soo bandhigto muuqaal muuqaal ah shay, qof, muuqaal ama wax kale. Si loo geliyo sawirka html summada ayaa la isticmaalaa , taas oo ah tag maran, i.e. taas oo aan lahayn xidhidh.
Summada waxay leedahay sifooyin dhowr ah oo kuu oggolaanaya inaad qeexdo macluumaadka iyo astaamaha sawirka. Kuwa ugu muhiimsan waa:
- src: waa sifada tilmaamaysa jidka ama ciwaanka faylka sawirka. Waxay noqon kartaa waddo qaraabo ah (isku mid mareegaha dhexdiisa) ama dariiqa saxda ah (ee degel kale). Tusaale ahaan: midkood .
- alt: waa sifada tilmaamaysa qoraalka kale ee sawirka, yacni, qoraalka la soo bandhigo marka sawirka la shubi kari waayo ama la isticmaalo akhristaha shaashadda. Waa sifo waajib ah waana inuu qeexaa nuxurka ama shaqada sawirka. Tusaale ahaan: .
- cinwaanka: waa sifada tilmaamaysa ciwaanka sawirka, yacni, qoraalka la soo bandhigo marka calaamaduhu dul heehaabayaan ku saabsan sawirka. Waa sifo ikhtiyaari ah oo way ka duwanaan kartaa qoraalka alt. Tusaale ahaan: .
Sida loo hagaajiyo cabbirka iyada oo la adeegsanayo ballaca iyo sifooyinka dhererka
Mid ka mid ah siyaabaha ugu fudud ee lagu hagaajin karo cabbirka sawirka html waa in la isticmaalo balac iyo sifada dhererka) kaas oo kuu ogolaanaya inaad ku qeexdo ballaca iyo dhererka sawirka ee pixels. Tusaale ahaan:
Tilmaamahani waxay leeyihiin qaar ka mid ah faa'iidooyinka iyo khasaaraha:
- Ventajas:
- Way fududahay in la isticmaalo oo uma baahna aqoon dheeraad ah.
- Waxay kuu oggolaanayaan inaad kaydiso booska lagama maarmaanka u ah sawirka ka hor inta aanad dhejin, taas oo ka hortagaysa bogga inuu boodo ama isbeddelo inta lagu jiro rarka.
- waxay ku siinaysaa ikhtiyaarka ah la qabsiga cabbirka sawirka qaabaynta ee bogga adigoon wax ka beddelin faylka asalka ah.
- Dhibaatooyinka:
- Waxay qalloocin karaan saamiga dhinaca ama tayada sawirka haddii qiimayaal aan ahayn cabbirka asalka ah la isticmaalo.
- Ma ogola in cabbirka sawirka lagu hagaajiyo iyadoo loo eegayo cabbirka shaashadda isticmaaluhu ama aaladda.
- Ma oggola ku-dhaqanka saamaynta ama qaababka dheeraadka ah ee sawirka.
Sida loo cabbiro sawirka html iyadoo la isticmaalayo CSS
Qaab kale aad u horumarsan oo dabacsan Si loo hagaajiyo cabbirka sawirka HTML waa in la isticmaalo CSS (Cascading Style Sheets), oo ah luqad kuu oggolaaneysa inaad qeexdo oo aad ku dabaqdo qaababka HTML canaasirta. Si aad u isticmaasho CSS waxaad isticmaali kartaa sumadda gudaha dukumeentiga html, fayl dibadeed oo leh .css kordhin. Tusaale ahaan:
img { width: 500px; height: 600px; } midkood
Isticmaalka CSS waxay leedahay faa'iidooyin iyo faa'iido darrooyin:
- Ventajas:
- Ku ogolanaysaa in aad u hagaajisid cabbirka sawirka si siman, addoo isticmaalaya shayga ku habboon ama shaqada calc().
- Aynu hagaajino cabbirka sawirka iyadoo ku xiran cabbirka shaashadda isticmaale ama aaladda, iyadoo la adeegsanayo cutubyo qaraabo ah (%, em, vw, vh) ama weydiimaha warbaahinta.
- Saamayn dheeri ah ama qaabab ayaa lagu dabaqi karaa sawirka, sida xuduudaha, hadhyada, filtarrada, ama isbeddelada.
- Dhibaatooyinka:
- Waxay u baahan tahay aqoon dheeraad ah iyo aqoonta luqadda CSS.
- Wuxuu dhalin karaa isku dhacyo ama iswaafaqla'aan oo leh qaabab kale oo lagu dabaqay bogga ama sawirka.
- Waxay saameyn kartaa waxqabadka ama xawaaraha bogga haddii qaabab badan ama saameyn la isticmaalo.
Sida loo hagaajiyo cabbirka iyadoo la isticmaalayo barnaamij dibadda ah
Doorasho saddexaad oo lagu hagaajinayo cabbirka sawirka html waa in la isticmaalo barnaamij dibadda ah oo kuu ogolaanaya inaad wax ka beddesho cabbirka faylka sawirka ka hor inta aanad gelin bogga. Barnaamijyadan qaarkood waa:
- GIMP: waa barnaamij il furan oo bilaash ah kaas oo kuu ogolaanaya inaad si xirfadaysan wax uga beddesho oo aad wax uga beddesho sawirrada. GIMP waxaad ku bedeli kartaa cabbirka sawirka Isticmaalka ikhtiyaarka "Sawirka Miisaanka". ka menu "Image". Waxa kale oo aad kor u qaadi kartaa miisaanka iyo tayada sawirka adigoo isticmaalaya "Dhoofinta Sida" ikhtiyaarka "File" menu. Waxaad ka soo dejisan kartaa GIMP boggeeda rasmiga ah.
- Photoshop: waa barnaamij lacag bixin iyo tixraac ah oo kuu ogolaanaya inaad abuurto oo aad wax ka beddesho sawirada qaab horumarsan. Photoshop-ka waxaad ku beddeli kartaa cabbirka sawirka adigoo isticmaalaya "Xadiga Sawirka" ee ku jira "Sawirrada" menu. Waxa kale oo aad kor u qaadi kartaa miisaanka iyo tayada sawirka adigoo isticmaalaya "Save for web" doorashada ka menu "File". Waxaad ka soo dejisan kartaa Photoshop boggeeda rasmiga ah.
- Badbaadiyaha Sawirka ee khadka tooska ah: waa qalab online ah oo bilaash ah oo kuu ogolaanaya inaad beddesho cabbirka sawirka adigoon wax barnaamij ah ku rakibin. Dib u habeynta Sawirka khadka tooska ah waxaad ka soo dejisan kartaa sawirka kumbuyuutarkaaga ama URL, dooro ballaca iyo dhererka la rabo, oo soo deji sawirka la beddelay. Waxaad ka heli kartaa Resizer Online Sawirka boggeeda rasmiga ah.
U hagaaji sawirka sida aad rabto
Qodobkaan Waxaan ku tusnay sida loo hagaajiyo cabbirka ee sawirka HTML, adoo isticmaalaya doorashooyin kala duwan iyo agabyo kuu ogolaanaya inaad u abuurto sawiro soo jiidasho leh oo la hagaajiyay ee boggaaga. Waxaan sidoo kale ku tusnay faa'iidooyinka iyo khasaaraha ikhtiyaar kasta, iyo sidoo kale qaar ka mid ah talooyinka iyo dhaqamada wanaagsan si aad u horumariso shaqadaada.
Waxaan rajeyneynaa in maqaalkani uu faa'iido kuu lahaa oo lagugu dhiirigelinayo inaad tijaabiso fursadahan iyo agabyadan si aad u hagaajisid cabbirka sawirka HTML. Xusuusnow in waxa ugu muhiimsan ay tahay in la doorto ikhtiyaarka ku habboon baahiyahaaga iyo ujeedooyinkaaga.
Haddii aad ka heshay maqaalkan, la wadaag asxaabtaada. Haddii aad rabto inaad ogaato tabo iyo tabo badan oo ku saabsan html iyo codsiyada kale, booqo shabakadayada. Is arag danbo!