Jinsi ya Kuongeza Usuli kwenye Wavuti: Hatua 14 (na Picha)

Orodha ya maudhui:

Jinsi ya Kuongeza Usuli kwenye Wavuti: Hatua 14 (na Picha)
Jinsi ya Kuongeza Usuli kwenye Wavuti: Hatua 14 (na Picha)

Video: Jinsi ya Kuongeza Usuli kwenye Wavuti: Hatua 14 (na Picha)

Video: Jinsi ya Kuongeza Usuli kwenye Wavuti: Hatua 14 (na Picha)
Video: JINSI YA KUANDIKA BARUA PEPE (EMAIL )KWA USAHIHI #Tanzania #ujumbe 2024, Mei
Anonim

Asili ni moja ya vitu muhimu zaidi kwenye wavuti. Asili nzuri huunda sauti ya wavuti na inakamilisha yaliyomo. Kuna njia nyingi tofauti za kuongeza mandharinyuma, kila njia na kusudi tofauti. Njia zingine zinakuruhusu kutumia mandharinyuma kwa kurasa zote kwenye wavuti, wakati zingine zinapunguza asili kwenye ukurasa fulani tu. Nakala hii inakufundisha jinsi ya kuongeza mandharinyuma kwenye wavuti yako kwa kutumia HTML au CSS.

Hatua

Njia 1 ya 2: Njia za HTML

Asili ya Rangi Rangi

Ongeza Usuli kwenye Wavuti Hatua ya 1
Ongeza Usuli kwenye Wavuti Hatua ya 1

Hatua ya 1. Asili iliyo na rangi ngumu ni aina ya msingi zaidi ambayo unaweza kuweka kwenye wavuti

Kwa kweli, kila wavuti huanza na asili nyeupe nyeupe. Walakini, wakati msingi mweupe unaweza kuwa mwepesi na safi ukionekana wakati unatumiwa na mpango wa rangi wenye usawa, rangi ya rangi tofauti inaweza kupendelewa na mandhari tofauti.

Ongeza Usuli kwenye Wavuti Hatua ya 2
Ongeza Usuli kwenye Wavuti Hatua ya 2

Hatua ya 2. Fungua msimbo wako wa wavuti (chanzo)

Ongeza Usuli kwenye Wavuti Hatua ya 3
Ongeza Usuli kwenye Wavuti Hatua ya 3

Hatua ya 3. Kwenye lebo ya mwili, ongeza sifa inayoitwa bgcolor

Sasa, lebo yako ya mwili inapaswa kuonekana kama hii-

ambapo COLORNAME ni jina la rangi. COLORNAME inaweza kujazwa na aina nyingi za wawakilishi wa rangi-

  • (jina la rangi)
  • (thamani ya hex)
  • (Thamani ya RGB)
Ongeza Usuli kwenye Wavuti Hatua ya 4
Ongeza Usuli kwenye Wavuti Hatua ya 4

Hatua ya 4. Kujaribu na RGB na # inaweza kusababisha vivuli vingi, lakini unaweza kuchukua njia rahisi ya kwanza

Lakini kumbuka kuwa kuandika rangi isiyo ya kawaida kama "Bluu ya Bluu ya Ultramarine" itasababisha nyeupe.

Kuongeza Picha ya Usuli

Kuongeza picha ya usuli ni ngumu kidogo kuliko msingi wa rangi thabiti

Ongeza Usuli kwenye Wavuti Hatua ya 5
Ongeza Usuli kwenye Wavuti Hatua ya 5

Hatua ya 1. Ongeza mali asili kwenye lebo ya mwili, kwa hivyo inaonekana kama hii-

ambapo SRC ndio chanzo cha picha SRC inaweza kuwa kwenye folda moja, au folda / ukurasa mwingine wa wavuti.

  • (kwenye folda moja)
  • (ndani ya folda tofauti)
  • (katika ukurasa tofauti wa wavuti)
Ongeza Usuli kwenye Wavuti Hatua ya 6
Ongeza Usuli kwenye Wavuti Hatua ya 6

Hatua ya 2. Kumbuka kuandika.gif /-j.webp" />

Njia 2 ya 2: Njia za CSS

Ongeza Usuli kwenye Wavuti Hatua ya 6
Ongeza Usuli kwenye Wavuti Hatua ya 6

Asili ya Rangi Rangi

Ongeza Usuli kwenye Wavuti Hatua ya 7
Ongeza Usuli kwenye Wavuti Hatua ya 7

Hatua ya 1. Kuongeza mandharinyuma ya rangi katika CSS, ongeza sifa ya mtindo

Unaweza pia kutoa vitambulisho na Madarasa na utumie karatasi za mitindo za nje na za ndani.

Ongeza Usuli kwenye Wavuti Hatua ya 8
Ongeza Usuli kwenye Wavuti Hatua ya 8

Hatua ya 2. Lebo yako ya mwili inapaswa kuonekana kama hii-

ambapo COLORNAME ni jina la rangi, hex thamani au RGB (Pia kumbuka hatua za mwisho za msingi wa rangi thabiti katika HTML, zinatumika hapa pia).

Inaongeza Picha

Ongeza Usuli kwenye Wavuti Hatua ya 9
Ongeza Usuli kwenye Wavuti Hatua ya 9

Hatua ya 1. Kuongeza picha, ongeza sifa ya mtindo kwenye lebo ya mwili

Unaweza pia kutoa vitambulisho na Madarasa na utumie karatasi za mitindo za nje na za ndani.

Ongeza Usuli kwenye Wavuti Hatua ya 10
Ongeza Usuli kwenye Wavuti Hatua ya 10

Hatua ya 2. Lebo yako ya mwili sasa inapaswa kuonekana kama hii-

Ongeza Usuli kwenye Wavuti Hatua ya 11
Ongeza Usuli kwenye Wavuti Hatua ya 11

Hatua ya 3. Kumbuka kuwa SRC ndio chanzo

Inaweza kutoka kwa folda moja, folda tofauti au ukurasa tofauti wa wavuti.

  • (kwenye folda moja)
  • (ndani ya folda tofauti)
  • (katika ukurasa tofauti wa wavuti).
Ongeza Usuli kwenye Wavuti Hatua ya 12
Ongeza Usuli kwenye Wavuti Hatua ya 12

Hatua ya 4. Kumbuka kuongeza viongezeo pia

Kurudia Usuli wa muundo

Ongeza Usuli kwenye Wavuti Hatua ya 13
Ongeza Usuli kwenye Wavuti Hatua ya 13

Hatua ya 1. Kufanya usuli wa muundo uliorudiwa, ongeza usuli kama ilivyosemwa katika hatua zilizo hapo juu

Lebo yako ya mwili lazima sasa ibadilishwe kuwa-

Ambapo mipangilio ya RUDIA ni mipangilio. Kunaweza kuwa na mipangilio mingi ya kurudia, kama-

  • (Usuli utarudia wima na usawa.)
  • (Usuli utarudia kwa usawa.)
  • (Usuli utarudia wima.)

Picha ya Picha Iliyosimamishwa

Ongeza Usuli kwenye Wavuti Hatua ya 14
Ongeza Usuli kwenye Wavuti Hatua ya 14

Hatua ya 1. Asili za picha zisizohamishika zinaonekana kupendeza na hazibadiliki unapozunguka chini

Ili kuzifanya unahitaji tu kufanya tweaks rahisi kwa nambari katika sehemu iliyo hapo juu. Fanya viboreshaji ili kufanya lebo ya mwili ionekane kama hii-

ambapo SRC ni chanzo cha picha ya nyuma, POSITION ni msimamo wa picha (inaweza kuanzia katikati hadi juu kulia); kiambatisho-nyuma ni "kichocheo" kuu cha aina hii ya asili. Inatumika kuelezea msimamo wa msingi na inashauriwa isiibadilishwe.

Vidokezo

Ilipendekeza: