Cum se adaugă un fundal pe un site web: 14 pași (cu imagini)

Cuprins:

Cum se adaugă un fundal pe un site web: 14 pași (cu imagini)
Cum se adaugă un fundal pe un site web: 14 pași (cu imagini)

Video: Cum se adaugă un fundal pe un site web: 14 pași (cu imagini)

Video: Cum se adaugă un fundal pe un site web: 14 pași (cu imagini)
Video: 4 METODE DE A SPARGE PAROLA CUIVA | De ce oricine poate să-ți spargă parola dar nimeni nu o face? 2024, Mai
Anonim

Fundalul este unul dintre cele mai importante elemente ale unui site web. Un fundal bun creează tonul site-ului web și completează conținutul. Există multe modalități diferite de a adăuga un fundal, fiecare dintre ele având un scop diferit. Unele metode vă permit să aplicați fundalul la toate paginile unui site web, în timp ce altele limitează fundalul la o anumită pagină. Acest articol vă învață cum să adăugați un fundal pe site-ul dvs. web utilizând HTML sau CSS.

Pași

Metoda 1 din 2: Metode HTML

Fundal solid

Adăugați un fundal la un site web Pasul 1
Adăugați un fundal la un site web Pasul 1

Pasul 1. Un fundal colorat solid este cel mai de bază tip de fundal pe care îl puteți pune pe un site web

De fapt, fiecare site web începe cu un fundal alb implicit. Cu toate acestea, în timp ce un fundal alb poate avea un aspect foarte elegant și curat atunci când este utilizat cu o schemă de culori armonioasă, un fundal colorat diferit poate fi favorizat cu teme diferite.

Adăugați un fundal la un site web Pasul 2
Adăugați un fundal la un site web Pasul 2

Pasul 2. Deschideți codul web (sursă)

Adăugați un fundal la un site web Pasul 3
Adăugați un fundal la un site web Pasul 3

Pasul 3. În eticheta de corp, adăugați un atribut numit bgcolor

Acum, eticheta corpului dvs. ar trebui să arate așa -

unde COLORNAME este numele culorii. COLORNAME poate fi umplut cu multe tipuri de reprezentanți ai culorii-

  • (numele culorii)
  • (valoare hexagonală)
  • (Valoare RGB)
Adăugați un fundal la un site web Pasul 4
Adăugați un fundal la un site web Pasul 4

Pasul 4. Experimentarea cu RGB și # poate duce la mai multe nuanțe, dar puteți lua prima cale ușoară

Dar nu uitați că tastarea unei culori mai puțin frecvente ca „Ultramarine Bluish Green” va avea ca rezultat alb.

Adăugarea unei imagini de fundal

Adăugarea unei imagini de fundal este puțin mai complicată decât un fundal colorat solid

Adăugați un fundal la un site web Pasul 5
Adăugați un fundal la un site web Pasul 5

Pasul 1. Adăugați proprietatea de fundal la eticheta corpului, astfel încât să arate astfel -

unde SRC este sursa imaginii SRC poate fi în același folder sau într-un alt folder / pagină web.

  • (în același dosar)
  • (în interiorul unui alt folder)
  • (într-o altă pagină web)
Adăugați un fundal la un site web Pasul 6
Adăugați un fundal la un site web Pasul 6

Pasul 2. Nu uitați să tastați extensia.gif /-j.webp" />

Metoda 2 din 2: Metode CSS

Adăugați un fundal la un site web Pasul 6
Adăugați un fundal la un site web Pasul 6

Fundal colorat solid

Adăugați un fundal la un site web Pasul 7
Adăugați un fundal la un site web Pasul 7

Pasul 1. Pentru a adăuga un fundal colorat solid în CSS, adăugați un atribut de stil

De asemenea, puteți oferi ID-uri și clase și puteți utiliza atât foi de stil externe, cât și interne.

Adăugați un fundal la un site web Pasul 8
Adăugați un fundal la un site web Pasul 8

Pasul 2. Eticheta corpului dvs. ar trebui să arate astfel -

unde COLORNAME este numele culorii, valorii hexagonale sau RGB (Amintiți-vă, de asemenea, ultimii pași ai fundalului colorat solid în HTML, sunt aplicabili și aici).

Adăugarea unei imagini

Adăugați un fundal la un site web Pasul 9
Adăugați un fundal la un site web Pasul 9

Pasul 1. Pentru a adăuga o imagine, adăugați atributul style la eticheta corpului

De asemenea, puteți oferi ID-uri și clase și puteți utiliza atât foi de stil externe, cât și interne.

Adăugați un fundal la un site web Pasul 10
Adăugați un fundal la un site web Pasul 10

Pasul 2. Eticheta corpului dvs. ar trebui să arate acum așa -

Adăugați un fundal la un site web Pasul 11
Adăugați un fundal la un site web Pasul 11

Pasul 3. Amintiți-vă că SRC este sursa

Poate fi din același folder, dosar diferit sau o altă pagină web.

  • (în același dosar)
  • (în interiorul unui alt folder)
  • (într-o altă pagină web).
Adăugați un fundal la un site web Pasul 12
Adăugați un fundal la un site web Pasul 12

Pasul 4. Amintiți-vă să adăugați și extensiile

Repetarea fundalului modelat

Adăugați un fundal la un site web Pasul 13
Adăugați un fundal la un site web Pasul 13

Pasul 1. Pentru a crea un fundal de model repetat, adăugați un fundal așa cum s-a spus în pașii de mai sus

Eticheta corpului dvs. trebuie schimbată acum în

Unde sunt setările REPEAT-SETTINGS. Pot exista multe setări de repetare, cum ar fi-

  • (Fundalul se va repeta atât pe verticală, cât și pe orizontală.)
  • (Fundalul se va repeta orizontal.)
  • (Fundalul se va repeta vertical.)

Imagine de fundal fixă

Adăugați un fundal la un site web Pasul 14
Adăugați un fundal la un site web Pasul 14

Pasul 1. Fundalurile imaginilor fixe arată grozav și nu se modifică pe măsură ce derulați în jos

Pentru a le face, trebuie doar să faceți câteva modificări simple la codul din secțiunea de mai sus. Faceți modificările pentru a face ca eticheta corpului să arate astfel -

unde SRC este sursa imaginii de fundal, POZIȚIA este poziția imaginii (poate varia de la centru la sus-dreapta); atașamentul de fundal este principalul „catalizator” al acestui tip de fundal. Este folosit pentru a indica poziția fundalului și se recomandă să nu fie schimbat.

Recomandat: