Kā pievienot fonu vietnei: 14 soļi (ar attēliem)

Satura rādītājs:

Kā pievienot fonu vietnei: 14 soļi (ar attēliem)
Kā pievienot fonu vietnei: 14 soļi (ar attēliem)

Video: Kā pievienot fonu vietnei: 14 soļi (ar attēliem)

Video: Kā pievienot fonu vietnei: 14 soļi (ar attēliem)
Video: Установка инсталляции. Монтаж водонагревателя. Ошибки. 2024, Maijs
Anonim

Fons ir viens no vissvarīgākajiem vietnes elementiem. Labs fons rada toni vietnei un papildina saturu. Ir daudz dažādu veidu, kā pievienot fonu, katrā veidā ar atšķirīgu mērķi. Dažas metodes ļauj izmantot fonu visām vietnes lapām, bet citas ierobežo fonu tikai noteiktai lapai. Šis raksts māca, kā savai vietnei pievienot fonu, izmantojot HTML vai CSS.

Soļi

1. metode no 2: HTML metodes

Vienkrāsains fons

Fona pievienošana vietnei 1. darbība
Fona pievienošana vietnei 1. darbība

1. solis. Vienkrāsains fons ir visvienkāršākais fona veids, ko varat ievietot vietnē

Faktiski katra vietne sākas ar noklusējuma balto fonu. Tomēr, lai gan balts fons var būt ļoti gluds un tīrs, ja to izmanto harmoniskā krāsu shēmā, dažādām tēmām var būt piemērots atšķirīgs krāsains fons.

Fona pievienošana vietnei 2. darbība
Fona pievienošana vietnei 2. darbība

2. solis. Atveriet savu tīmekļa kodu (avotu)

Fona pievienošana vietnei 3. darbība
Fona pievienošana vietnei 3. darbība

3. solis. Pamattekstā pievienojiet atribūtu bgcolor

Tagad jūsu ķermeņa marķējumam vajadzētu izskatīties šādi-

kur COLORNAME ir krāsas nosaukums. COLORNAME var aizpildīt ar dažādu veidu krāsu pārstāvjiem-

  • (krāsas nosaukums)
  • (heksadecimālā vērtība)
  • (RGB vērtība)
Fona pievienošana vietnei 4. darbība
Fona pievienošana vietnei 4. darbība

4. solis. Eksperimentējot ar RGB un #, var iegūt daudz toņu, taču jūs varat izvēlēties vienkāršo pirmo ceļu

Bet atcerieties, ka, ierakstot neparastu krāsu kā "Ultramarine Bluish Green", iegūsit baltu krāsu.

Fona attēla pievienošana

Fona attēla pievienošana ir nedaudz sarežģītāka nekā vienkrāsains fons

Fona pievienošana vietnei 5. darbība
Fona pievienošana vietnei 5. darbība

1. darbība. Pievienojiet pamattekstam fona rekvizītu, lai tas izskatās šādi:

kur SRC ir attēla avots SRC var atrasties tajā pašā mapē vai citā mapē/tīmekļa lapā.

  • (tajā pašā mapē)
  • (citā mapē)
  • (citā tīmekļa vietnē)
Fona pievienošana vietnei 6. darbība
Fona pievienošana vietnei 6. darbība

2. solis. Atcerieties ierakstīt paplašinājumu.gif /-j.webp" />

2. metode no 2: CSS metodes

Fona pievienošana vietnei 6. darbība
Fona pievienošana vietnei 6. darbība

Vienkrāsains fons

Fona pievienošana vietnei 7. darbība
Fona pievienošana vietnei 7. darbība

1. darbība. Lai CSS pievienotu vienkrāsainu fonu, pievienojiet stila atribūtu

Varat arī piešķirt ID un klases un izmantot gan ārējās, gan iekšējās stila lapas.

Fona pievienošana vietnei 8. darbība
Fona pievienošana vietnei 8. darbība

2. solis. Jūsu ķermeņa atzīmei vajadzētu izskatīties šādi:

kur KRĀSAS NOSAUKUMS ir krāsas, heksadecimālās vērtības vai RGB nosaukums (atcerieties arī pēdējos vienkrāsainā fona soļus HTML, tie ir piemērojami arī šeit).

Attēla pievienošana

Fona pievienošana vietnei 9. darbība
Fona pievienošana vietnei 9. darbība

1. solis. Lai pievienotu attēlu, pievienojiet body stilam atribūtu style

Varat arī piešķirt ID un klases un izmantot gan ārējās, gan iekšējās stila lapas.

Fona pievienošana vietnei 10. darbība
Fona pievienošana vietnei 10. darbība

2. solis. Pamattekstam tagad vajadzētu izskatīties šādi:

Fona pievienošana vietnei 11. darbība
Fona pievienošana vietnei 11. darbība

3. solis. Atcerieties, ka SRC ir avots

Tas var būt no vienas mapes, no citas mapes vai no citas tīmekļa lapas.

  • (tajā pašā mapē)
  • (citā mapē)
  • (citā tīmekļa lapā).
Fona pievienošana vietnei 12. darbība
Fona pievienošana vietnei 12. darbība

4. solis. Atcerieties pievienot arī.extensions

Atkārtots rakstveida fons

Fona pievienošana vietnei 13. darbība
Fona pievienošana vietnei 13. darbība

1. darbība. Lai izveidotu atkārtotu raksta fonu, pievienojiet fonu, kā norādīts iepriekš aprakstītajās darbībās

Jūsu ķermeņa tags tagad ir jāmaina uz-

Kur REPEAT-SETTINGS ir iestatījumi. Var būt daudz atkārtotu iestatījumu, piemēram,

  • (Fons atkārtosies gan vertikāli, gan horizontāli.)
  • (Fons atkārtosies horizontāli.)
  • (Fons atkārtojas vertikāli.)

Fiksēta attēla fons

Fona pievienošana vietnei 14. darbība
Fona pievienošana vietnei 14. darbība

1. solis. Fiksēto attēlu foni izskatās forši un nemainās, ritinot uz leju

Lai tos izdarītu, jums vienkārši jāveic dažas vienkāršas koda izmaiņas iepriekšējā sadaļā. Veiciet pielāgojumus, lai pamatteksts izskatītos šādi:

kur SRC ir fona attēla avots, POSITION ir attēla novietojums (tas var svārstīties no centra uz augšējo labo pusi); fona piesaiste ir galvenais šāda veida fona "katalizators". To izmanto, lai pateiktu fona stāvokli, un ieteicams to nemainīt.

Ieteicams: