Ngaba uyafuna ukufaka umfanekiso kwiphepha lakho lewebhu, kodwa awuyazi indlela yokulungelelanisa ubungakanani bayo ukuze ilingane noyilo? Ngaba uyafuna ukufunda ukusebenzisa iithegi zeHTML kunye neempawu ukuguqula ububanzi kunye nobude bomfanekiso? Ngaba uyazazi iingenelo kunye neengxaki zendlela nganye? Ukuba impendulo nguewe, eli nqaku lelakho.
Kule nqaku, Siza kukufundisa indlela yokulungelelanisa ubungakanani bomfanekiso kwi-html, usebenzisa iinketho ezahlukeneyo kunye nezibonelelo eziza kukuvumela ukuba wenze imifanekiso ekhangayo kunye neyongezelelweyo kwiwebhusayithi yakho. Siza kukubonisa iingenelo kunye nokungalunganga kokhetho ngalunye, kunye neengcebiso kunye neendlela ezilungileyo zokuphucula umsebenzi wakho.
Yintoni umfanekiso kwi-html kunye nendlela yokuwufaka
Umfanekiso kwihtml lilungu elikuvumela ukuba ubonise Umelo olubonakalayo lwento, umntu, imbonakalo-mhlaba okanye nantoni na eyenye. Ukufaka umfanekiso kwi-html ithegi iyasetyenziswa , eyithegi engenanto, okt. lonto ayinakuvalwa.
Ileyibhile ineempawu ezininzi ezikuvumela ukuba ukhankanye ulwazi kunye neempawu zomfanekiso. Ezona zibalulekileyo zezi:
- src: luphawu olubonisa umendo okanye idilesi yefayile yomfanekiso. Inokuba yindlela ehambelanayo (kwiwebhusayithi efanayo) okanye indlela epheleleyo (kwenye iwebhusayithi). Umzekelo: nokuba .
- enye: luphawu olubonisa enye iteksti yomfanekiso, oko kukuthi, okubhaliweyo okuboniswayo xa umfanekiso ungenako ukulayishwa okanye kusetyenziswa isifundi sesikrini. Luphawu olusisinyanzelo kwaye kufuneka ichaze umxholo okanye umsebenzi womfanekiso. Umzekelo:.
- isihloko: luphawu olubonisa isihloko somfanekiso, oko kukuthi, okubhaliweyo okuveziweyo xa ikhesa ijikeleziswa malunga nomfanekiso. Luphawu olukhethwayo kwaye lungohluka kunombhalo we-alt. Umzekelo: .
Indlela yokulungelelanisa ubungakanani usebenzisa ububanzi kunye nobude beempawu
Enye yeendlela ezilula zokunyenyisa ubungakanani bomfanekiso kwihtml kukusebenzisa ububanzi kunye nobude beempawu) ekuvumela ukuba uchaze ububanzi kunye nobude bomfanekiso kwiipikseli. Umzekelo:
Ezi mpawu zinezibonelelo ezithile kunye nezingeloncedo:
- Inzuzo:
- Kulula ukuzisebenzisa kwaye azifuni naluphi na ulwazi olongezelelweyo.
- Bakuvumela ukuba ugcine indawo efunekayo yomfanekiso ngaphambi kokuwulayisha, okuthintela iphepha ukuba litsibe okanye litshintshe ngexesha lokulayisha.
- ikunika ukhetho lwe lungisa ubungakanani bomfanekiso kuyilo yephepha ngaphandle kokuguqula ifayile yoqobo.
- Iingxaki:
- Banokuphazamisa umyinge wembonakalo okanye umgangatho womfanekiso ukuba amaxabiso angaphandle kobukhulu boqobo asetyenziswa.
- Ayikuvumeli ubungakanani bomfanekiso ukuba buhlengahlengiswe ngokobungakanani besikrini somsebenzisi okanye isixhobo.
- Abakuvumeli ukusebenzisa iziphumo okanye izitayela ezongezelelweyo kumfanekiso.
Uwubuyisela njani ubungakanani bomfanekiso kwihtml usebenzisa iCSS
Enye indlela phambili kwaye bhetyebhetye Ukunyenyisa ubungakanani bomfanekiso kwi-HTML kukusebenzisa iCSS (Cascading Style Sheets), elulwimi olukuvumela ukuba uchaze kwaye usebenzise izimbo kwizinto zeHTML. Ukusebenzisa iCSS ungasebenzisa ithegi ngaphakathi kuxwebhu lwe html, ifayile yangaphandle enolwandiso lwe .css. Umzekelo:
img { width: 500px; height: 600px; } nokuba
Ukusebenzisa i-CSS kunezibonelelo kunye nokungalunganga:
- Inzuzo:
- Ikuvumela ukunyenyisa ubungakanani bomfanekiso ngokomlinganiselo, usebenzisa ipropathi yento-fit okanye icalc () umsebenzi.
- Masilungelelanise ubungakanani bomfanekiso kuxhomekeke kubungakanani besikrini somsebenzisi okanye isixhobo, kusetyenziswa iiyunithi ezizalanayo (%, em, vw, vh) okanye imibuzo yemidiya.
- Iziphumo ezongezelelweyo okanye izimbo zingasetyenziswa kumfanekiso, njengemida, izithunzi, izihluzi, okanye iinguqu.
- Iingxaki:
- Ifuna ulwazi olukhulu kunye nobuchule bolwimi lwe-CSS.
- Inokubangela iingxabano okanye ukungahambelani ngezinye iindlela ezisetyenziswa kwiphepha okanye umfanekiso.
- Inokuchaphazela ukusebenza okanye isantya sokulayisha iphepha ukuba izimbo ezininzi okanye iziphumo zisetyenziswa.
Indlela yokulungelelanisa ubungakanani usebenzisa inkqubo yangaphandle
Inketho yesithathu yokulungelelanisa ubungakanani bomfanekiso kwi html kukusebenzisa inkqubo yangaphandle ekuvumela ukuba uguqule ubungakanani befayile yomfanekiso phambi kokuwufaka kwiphepha. Ezinye zezi nkqubo zezi:
- I-GIMP: yinkqubo yasimahla nevulelekileyo ekuvumela ukuba uhlele kwaye ulawule imifanekiso. Nge-GIMP unokutshintsha ubungakanani bomfanekiso Ukusebenzisa i "Scale Image" ukhetho ukusuka kwimenyu ethi "Umfanekiso". Unokwandisa ubunzima kunye nomgangatho womfanekiso usebenzisa i "Export As" inketho kwimenyu "yeFayile". Unokukhuphela i-GIMP kwiwebhusayithi yayo esemthethweni.
- Ifotohop: yinkqubo ehlawulweyo nethunyelwayo ekuvumela ukuba wenze kwaye uhlele imifanekiso ngendlela ephucukileyo. NgePhotoshop unokutshintsha ubungakanani bomfanekiso usebenzisa inketho ethi "Ubungakanani bomfanekiso" kwimenyu "yoMfanekiso". Unokwandisa ubunzima kunye nomgangatho womfanekiso usebenzisa i "Gcina iwebhu" ukhetho ukusuka kwimenyu ethi "Ifayile". Unokukhuphela i-Photoshop kwiwebhusayithi yayo esemthethweni.
- Isizanzisi somfanekiso kwi-Intanethi: sisixhobo sasimahla se-intanethi esikuvumela ukuba utshintshe ubungakanani bomfanekiso ngaphandle kokufaka nayiphi na inkqubo. Nge-Resizer yoMfanekiso we-Intanethi unokulayisha umfanekiso kwikhompyuter yakho okanye kwi-URL, khetha ububanzi obufunwayo kunye nobude, kwaye ukhuphele umfanekiso olungisiweyo. Unokufikelela kwi-Intanethi yeResizer yoMfanekiso kwiwebhusayithi yayo esemthethweni.
Lungisa umfanekiso ngendlela ofuna ngayo
Kweli nqaku sikubonise indlela yokulungisa ubungakanani yomfanekiso kwi-HTML, usebenzisa iinketho ezahlukeneyo kunye nezixhobo eziya kukuvumela ukuba wenze imifanekiso ekhangayo kunye nelungiselelwe iwebhusayithi yakho. Sikubonise iingenelo kunye nokungalunganga kokhetho ngalunye, kunye neengcebiso kunye nezenzo ezilungileyo ukuphucula umsebenzi wakho.
Siyathemba ukuba eli nqaku libe luncedo kuwe kwaye uyakhuthazwa ukuba uzame olu khetho kunye nezixhobo ukulungisa ubungakanani bomfanekiso kwi-HTML. Khumbula ukuba eyona nto ibalulekileyo kukukhetha ukhetho olulungele iimfuno zakho kunye neenjongo.
Ukuba ulithandile eli nqaku, wabelane ngalo nabahlobo bakho. Kwaye ukuba ufuna ukwazi ngakumbi iingcebiso kunye namaqhinga malunga ne-html kunye nezinye izicelo, ndwendwela iwebhusayithi yethu. Ndiza kubona!