Jinsi Ya Kutengeneza Picha Ya Asili Kwenye Wavuti

Orodha ya maudhui:

Jinsi Ya Kutengeneza Picha Ya Asili Kwenye Wavuti
Jinsi Ya Kutengeneza Picha Ya Asili Kwenye Wavuti

Video: Jinsi Ya Kutengeneza Picha Ya Asili Kwenye Wavuti

Video: Jinsi Ya Kutengeneza Picha Ya Asili Kwenye Wavuti
Video: Jinsi ya kutengeneza mlipuko kwa kutumia njiti za viberiti, usijali ni hatari 2024, Novemba
Anonim

Unaweza kujifunza misingi ya ujenzi wa wavuti peke yako; kuna habari ya kutosha juu ya mada hii kwenye wavuti na vitabu. Walakini, katika hatua ya mwanzo, shida huibuka mara nyingi katika utumiaji wa lebo moja au nyingine. Kwa kweli, vifaa vya kawaida vinakumbukwa vizuri kwani ni muhimu wakati wa kuandika tovuti yoyote.

Jinsi ya kutengeneza picha ya asili kwenye wavuti
Jinsi ya kutengeneza picha ya asili kwenye wavuti

Maagizo

Hatua ya 1

Chagua picha unayotaka kutumia kama picha yako ya nyuma. Ikiwa unakusudia kuingiza maandishi juu ya kielelezo, basi katika kesi hii inashauriwa kujizuia kwa chaguzi bila tofauti nyingi, ambazo rangi kadhaa hutumiwa ambazo ziko karibu na maumbile. Kimsingi, kuondoa vijisenti, unaweza kuunda "msingi" wa yaliyomo - na shida itatatuliwa kwa mafanikio.

Hatua ya 2

Sahihisha picha kwa kutumia Adobe Photoshop. Ukimaliza, chagua amri ya Hifadhi Kwa Wavuti kutoka kwa menyu ya Faili na uchague folda unayotaka. Ikiwa hii ni picha ya kwanza kutumika kwa wavuti, basi folda ya "Picha" huundwa kiatomati.

Hatua ya 3

Kwenye lebo, andika sifa ya msingi = "njia ya picha". Rekodi mfano: au. Wakati huo huo, kumbuka kuwa lebo inapaswa kuonekana mara moja tu kwenye nambari, haipaswi kuzidishwa.

Hatua ya 4

Hifadhi mabadiliko kwenye daftari, bonyeza kitufe cha "Refresh" kwenye kivinjari. Ukuta utaonekana kwenye skrini. Ikiwa vipimo vya picha ni ndogo kuliko vigezo vya ukurasa wa wavuti, basi picha hiyo itarudiwa mara nyingi kama inahitajika ili kujaza nafasi nzima. Kuna njia mbili za kurekebisha upungufu huu:

• kutumia programu ya Adobe Photoshop, weka vigezo vya picha vinavyohitajika katika saizi ("Picha" - "Ukubwa wa picha");

• weka vipimo vinavyohitajika katika html-code.

Kwa mfano, ikiwa upana ni 1250 px, na urefu ni 650 px, basi unahitaji kuongeza sifa zinazohitajika kwa seli ya meza ambayo picha itawekwa.

Huwezi kuweka saizi kwenye lebo - picha itaonyeshwa kila wakati kwa saizi kamili.

Hatua ya 5

Analog ya ccs za kuingiza picha ya nyuma:

picha ya nyuma

MWILI {

picha ya nyuma: url (picha / bg.jpg);

}

Sifa ya "picha-asili: url (picha / bg.jpg)" ni njia ya picha ya mandharinyuma.

Ilipendekeza: