Cum să adăugați un fundal unui site

Fundalul este unul dintre cele mai importante elemente dintr-un site web. Un fundal bun stabilește tonul pentru site și completează conținutul acestuia. Există mai multe modalități diferite de a adăuga un fundal, fiecare metodă cu un scop diferit. Unele metode vă permit să aplicați fundalul pentru toate paginile dintr-un site, în timp ce altele limitează fundalul doar la anumite pagini. Acest articol vă va învăța cum să adăugați un fundal la site-ul dvs. Web folosind HTML sau CSS.

conținut

Pași
Metoda 1html
Planuri de fundal solid color
Adăugarea unei imagini ca fundal
Metoda 2css
Contextul culorilor solide
Adăugarea unei imagini
Repetarea fundalului modelului
Imagine fixă a imaginii
Sfaturi
Avertismente

pași

Metoda 1
HTML

Planuri de fundal solid color

Un fundal de culoare solidă este cea mai elementară formă de fundal pe care o puteți insera într-un site web. De fapt, fiecare site începe cu un fundal implicit în culoarea albă. Cu toate acestea, în timp ce un fundal alb poate fi elegant și curat, atunci când este utilizat cu o schemă de culori armonioasă, un fundal cu o altă culoare poate fi favorabil cu alte teme.

1
Deschideți codul dvs. web (cod sursă).
2
În eticheta corporală, adăugați un atribut numit bgcolor. Eticheta corporală ar trebui să arate astfel:

unde NOMEDACOREMINGLÊS este numele culorii. NOMEDACOREMINGLÊS poate fi umplut de diferite tipuri de reprezentări de culori.
- (numele culorii, unde roșu înseamnă roșu)
- (valoare hexazecimală)
- (Valoare RGB)
3
Experimentarea cu RGB și # poate adăuga multe nuanțe, dar puteți opta pentru prima formă, care este mai simplă. Dar amintiți-vă pentru a tasta o culoare neobișnuită, cum ar fi "Ultramarine Bluish Green", deoarece acest lucru va duce la alb.

Adăugarea unei imagini ca fundal

Adăugarea unei imagini ca fundal este un pic mai complicată decât adăugarea unei culori solide.

1
Adăugați proprietatea de fundal la eticheta corporală, astfel încât să pară ca în acest exemplu:

unde FNT este sursa unde poate fi găsită imaginea FNT, fie în același director sau altul, fie chiar pe altă pagină.
- (în același director)
- (într-un alt director)
- (pe o altă pagină)
2

Nu uitați să introduceți extensia fișierului imagine: .jpg, .jpeg, .jpg, etc.

Metoda 2
CSS

Contextul culorilor solide

1
Pentru a adăuga o culoare solidă ca fundal în CSS, adăugați un atribut de stil. De asemenea, puteți oferi ID-uri și clase și utilizați atât foi de stil interne cât și externe.
2
Eticheta dvs. corporală ar trebui să arate ca exemplu:
- unde NOMEDACOR este numele culorii în limba engleză, valoare hexazecimală sau RGB (De asemenea, rețineți că și pașii de fundal cu culoarea solidă în HTML se aplică și aici).

Adăugarea unei imagini

1
Pentru a adăuga o imagine, adăugați atributul de stil la eticheta corporală. De asemenea, puteți oferi ID-uri și clase și utilizați atât foi de stil interne cât și externe.
2
Eticheta dvs. corporală ar trebui să arate similară cu aceasta:
3
Amintiți-vă că FNT este sursa. Aceasta poate fi din același director, dintr-un director diferit sau chiar din altă pagină sau site.
- (în același director)
- (într-un director diferit)
- (pe o altă pagină).
4
Nu uitați să adăugați și extensiile.

Repetarea fundalului modelului

1
Pentru a crea un model de fundal repetat, adăugați un fundal așa cum este descris în pașii de mai sus. Eticheta dvs. corporală va arăta astfel:

În cazul în care REPEAT-SETTINGS sunt setările. Pot exista mai multe setări repetate, cum ar fi:
- (Fundalul se va repeta atât pe orizontală, cât și pe verticală.)
- (Fundalul se va repeta orizontal.)
- (Fundalul se va repeta vertical.)

Imagine fixă a imaginii

1
Imaginea de fundal cu imagini statice pare rece și nu se schimbă pe măsură ce defilați în sus sau în jos pagina cu bara de defilare. Pentru a le face, trebuie doar să faceți câteva ajustări simple ale codului secțiunii de mai sus. Efectuați ajustările pentru ca eticheta corporală să arate astfel:
- unde FNT este sursa imaginii de fundal, POSITION este poziția imaginii (poate varia de la centru / centru la dreapta sus / 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 îl modificați.

sfaturi

Citiți întregul articol: Secțiunea care este lăsată la o parte poate conține sugestii importante (deoarece secțiunile din acest articol sunt legate unul de celălalt și scrise într-un mod în care se presupune că secțiunile anterioare au fost citite).