Jinsi Ya Kuingiza Picha Kwenye Picha Kwenye Wavuti

Orodha ya maudhui:

Jinsi Ya Kuingiza Picha Kwenye Picha Kwenye Wavuti
Jinsi Ya Kuingiza Picha Kwenye Picha Kwenye Wavuti

Video: Jinsi Ya Kuingiza Picha Kwenye Picha Kwenye Wavuti

Video: Jinsi Ya Kuingiza Picha Kwenye Picha Kwenye Wavuti
Video: JINSI YA KUWEKA PICHA KWENYE MAANDISHI KWA KUTUMIA ADOBE PHOTOSHOP 2024, Aprili
Anonim

Uwezo wa lugha ya markup - HTML - na karatasi za mtindo wa kuachia - CSS - hukuruhusu kuweka picha moja ndani ya nyingine kwa njia nyingi. Kwa kweli, hii inahitaji ustadi fulani katika mpangilio wa ukurasa wa wavuti, na unahitaji kuchagua njia maalum kulingana na nambari iliyopo. Walakini, wakati mwingine, unaweza kufanya bila kuhariri nambari ya chanzo.

Jinsi ya kuingiza picha kwenye picha kwenye wavuti
Jinsi ya kuingiza picha kwenye picha kwenye wavuti

Maagizo

Hatua ya 1

Kuna njia ya kuweka picha moja kwa nyingine bila mabadiliko yoyote kwenye kurasa za tovuti. Ili kufanya hivyo, inatosha kuhariri picha ya nyuma iliyohifadhiwa kwenye seva - tumia mhariri wowote wa picha kuweka picha ya mbele juu yake. Ikiwa njia hii inakufanyia kazi, anza kwa kufafanua eneo la kuhifadhi na jina la faili ya picha ya asili. Hii inaweza kufanywa kwa kuipata kwenye nambari ya chanzo ya ukurasa au kwa kuifungua kwenye kichupo tofauti na kuangalia njia kamili kwenye upau wa anwani wa kivinjari.

Hatua ya 2

Kutumia meneja wa faili wa mfumo wa usimamizi wa yaliyomo au mteja wa FTP, pakua faili inayohitajika kwenye kompyuta yako na uifungue katika kihariri chochote cha picha - kwa mfano, kwenye programu ya Rangi iliyosanikishwa na Windows.

Hatua ya 3

Weka picha ya mbele kwenye mandharinyuma - kwenye Rangi kwa hii unahitaji kuchagua kipengee "Ingiza kutoka" kutoka kwa orodha ya kunjuzi ya "Ingiza" kwenye kichupo cha "Nyumbani" na upate faili inayohitajika kwenye mazungumzo yanayofunguka. Kisha rekebisha msimamo wa picha iliyoingizwa kwenye msingi uliopo (iburute na panya) na uhifadhi matokeo (Ctrl + S).

Hatua ya 4

Pakia tena picha iliyohaririwa, ukifuta ile ya zamani. Hii inakamilisha utaratibu.

Hatua ya 5

Njia iliyoelezewa haifai katika kesi wakati picha zilizoingizwa zinahitaji kubadilishwa mara kwa mara. Kisha tumia uwezo wa lugha ya HTML - kwa mfano, fanya picha ya nyuma iwe msingi wa kipengee cha ukurasa ambacho picha ya mbele itawekwa. Kipengee kama hicho cha chombo kinaweza kuwa, sema, safu (div). Ili kutengeneza picha kubwa asili yake, unahitaji kutumia maelezo ya mtindo - sifa ya mtindo wa lebo ya div. Chombo tupu katika nambari ya HTML inaweza kuonekana kama hii:

Katika mabano, onyesha anwani na jina la faili ya picha ya asili kwenye tovuti yako.

Hatua ya 6

Unda lebo ya picha ya mbele (img), ukitumia sifa ya mtindo huo huo kuweka kiwango cha pedi kutoka kando ya kontena la nyuma. Kwa mfano:

Hapa, upana na sifa za urefu huweka vipimo vya picha, na nambari nne baada ya pedi hiyo zinaonyesha pedi kwenye saizi kutoka kando ya chombo, kuanzia juu (50) na zaidi kwa saa (60 - kulia, 70 - chini, 80 - kushoto).

Hatua ya 7

Weka lebo ya img kwenye chombo:

Hatua ya 8

Ongeza mistari iliyoundwa kwa nambari ya chanzo ya ukurasa, halafu, ukibadilisha indents, rekebisha msimamo wa picha iliyoingizwa dhidi ya msingi wa picha ya nyuma.

Ilipendekeza: