Kaip pridėti foną prie svetainės: 14 žingsnių (su paveikslėliais)

Turinys:

Kaip pridėti foną prie svetainės: 14 žingsnių (su paveikslėliais)
Kaip pridėti foną prie svetainės: 14 žingsnių (su paveikslėliais)

Video: Kaip pridėti foną prie svetainės: 14 žingsnių (su paveikslėliais)

Video: Kaip pridėti foną prie svetainės: 14 žingsnių (su paveikslėliais)
Video: How To Change Yahoo Email Username (2023) 2024, Gegužė
Anonim

Fonas yra vienas iš svarbiausių svetainės elementų. Geras fonas sukuria svetainės toną ir papildo turinį. Yra daug skirtingų būdų, kaip pridėti foną, kiekvienas būdas yra skirtingas. Kai kurie metodai leidžia pritaikyti foną visiems svetainės puslapiams, o kiti - tik tam tikrą puslapį. Šiame straipsnyje mokoma, kaip pridėti foną prie svetainės naudojant HTML arba CSS.

Žingsniai

1 metodas iš 2: HTML metodai

Vientisas spalvotas fonas

Pridėkite fono prie svetainės 1 veiksmas
Pridėkite fono prie svetainės 1 veiksmas

Žingsnis 1. Vientisas spalvotas fonas yra paprasčiausias fono tipas, kurį galite įdėti į svetainę

Tiesą sakant, kiekviena svetainė prasideda numatytuoju baltu fonu. Tačiau, nors baltas fonas gali būti labai dailus ir švarus, kai naudojamas su harmoninga spalvų schema, skirtingos spalvos fonas gali būti palankus skirtingoms temoms.

Pridėkite fono prie svetainės 2 veiksmas
Pridėkite fono prie svetainės 2 veiksmas

Žingsnis 2. Atidarykite žiniatinklio kodą (šaltinį)

Pridėkite fono prie svetainės 3 veiksmas
Pridėkite fono prie svetainės 3 veiksmas

Žingsnis 3. Prie kūno žymos pridėkite atributą, vadinamą „bgcolor“

Dabar jūsų kūno žyma turėtų atrodyti taip-

kur COLORNAME yra spalvos pavadinimas. „COLORNAME“gali būti užpildytas daugybe spalvų atstovų-

  • (spalvos pavadinimas)
  • (šešioliktainė vertė)
  • (RGB vertė)
Pridėkite fono prie svetainės 4 veiksmas
Pridėkite fono prie svetainės 4 veiksmas

Žingsnis 4. Eksperimentuodami su RGB ir # galite išgauti daugybę atspalvių, tačiau galite pasirinkti lengviausią pirmąjį būdą

Tačiau atminkite, kad įvedus neįprastą spalvą kaip „Ultramarine Bluish Green“, bus balta.

Fono paveikslėlio pridėjimas

Fono paveikslėlio pridėjimas yra šiek tiek sudėtingesnis nei vientisas fonas

Pridėkite fono prie svetainės 5 veiksmas
Pridėkite fono prie svetainės 5 veiksmas

1 veiksmas. Pridėkite fono ypatybę prie kūno žymos, kad ji atrodytų taip:

kur SRC yra vaizdo šaltinis SRC gali būti tame pačiame aplanke arba kitame aplanke/tinklalapyje.

  • (tame pačiame aplanke)
  • (kitame aplanke)
  • (kitame tinklalapyje)
Pridėkite fono prie svetainės 6 veiksmas
Pridėkite fono prie svetainės 6 veiksmas

Žingsnis 2. Nepamirškite įvesti.gif /-j.webp" />

2 metodas iš 2: CSS metodai

Pridėkite fono prie svetainės 6 veiksmas
Pridėkite fono prie svetainės 6 veiksmas

Vientisas spalvotas fonas

Pridėkite fono prie svetainės 7 veiksmas
Pridėkite fono prie svetainės 7 veiksmas

1 veiksmas. Jei norite CSS pridėti vientisą foną, pridėkite stiliaus atributą

Taip pat galite pateikti ID ir klases bei naudoti išorinius ir vidinius stilių lapus.

Pridėkite fono prie svetainės 8 veiksmas
Pridėkite fono prie svetainės 8 veiksmas

2 žingsnis. Jūsų kūno žyma turėtų atrodyti taip-

kur COLORNAME yra spalvos, šešioliktainės vertės arba RGB pavadinimas (taip pat atminkite paskutinius vientisos spalvos fono veiksmus HTML, jie taip pat taikomi čia).

Vaizdo pridėjimas

Pridėkite fono prie svetainės 9 veiksmas
Pridėkite fono prie svetainės 9 veiksmas

1 veiksmas. Norėdami pridėti vaizdą, prie kūno žymos pridėkite stiliaus atributą

Taip pat galite pateikti ID ir klases bei naudoti išorinius ir vidinius stilių lapus.

Pridėkite fono prie svetainės 10 veiksmas
Pridėkite fono prie svetainės 10 veiksmas

2 žingsnis. Dabar jūsų kūno žyma turėtų atrodyti taip-

Pridėkite fono prie svetainės 11 veiksmas
Pridėkite fono prie svetainės 11 veiksmas

Žingsnis 3. Atminkite, kad šaltinis yra SRC

Tai gali būti iš to paties aplanko, kito aplanko ar kito tinklalapio.

  • (tame pačiame aplanke)
  • (kitame aplanke)
  • (kitame tinklalapyje).
Pridėkite fono prie svetainės 12 veiksmas
Pridėkite fono prie svetainės 12 veiksmas

Žingsnis 4. Nepamirškite pridėti ir.extensions

Pasikartojantis raštuotas fonas

Pridėkite fono prie svetainės 13 veiksmas
Pridėkite fono prie svetainės 13 veiksmas

1 veiksmas. Norėdami sukurti pakartotinį modelio foną, pridėkite foną, kaip nurodyta aukščiau atliktuose veiksmuose

Jūsų kūno žyma dabar turi būti pakeista į

Kur yra parametrai REPEAT-SETTINGS. Gali būti daug pakartotinių nustatymų, pvz.

  • (Fonas kartosis tiek vertikaliai, tiek horizontaliai.)
  • (Fonas kartosis horizontaliai.)
  • (Fonas kartosis vertikaliai.)

Fiksuoto vaizdo fonas

Pridėkite fono prie svetainės 14 veiksmas
Pridėkite fono prie svetainės 14 veiksmas

1 žingsnis. Fiksuoto vaizdo fonai atrodo šauniai ir nesikeičia slinkdami žemyn

Norėdami tai padaryti, jums tereikia atlikti keletą paprastų kodo pakeitimų aukščiau esančiame skyriuje. Atlikite pakeitimus, kad kūno žymė atrodytų taip-

kur SRC yra fono vaizdo šaltinis, POSITION-vaizdo padėtis (jis gali svyruoti nuo centro iki viršaus dešinėje); fono priedas yra pagrindinis šio tipo fono „katalizatorius“. Jis naudojamas fono padėčiai nustatyti ir nerekomenduojama jo keisti.

Rekomenduojamas: