Cum se adaugă un fundal la un site web
Fundalul este unul dintre elementele cele mai importante ale unui site web. Un fundal bun creează tonul pentru site și completează conținutul. Există multe modalități diferite de a adăuga un fundal, fiecare mod cu un scop diferit. Unele metode vă permit să aplicați fundalul tuturor paginilor dintr-un site web, în timp ce altele limitează fundalul numai pentru o anumită pagină. Acest articol vă învață cum să adăugați un fundal pe site-ul dvs. utilizând HTML sau CSS.
Pași
Metoda 1 din 2:
Metodele HTMLFundal solid colorat
1. Un fundal solid colorat este cel mai de bază tip de fundal pe care îl puteți pune pe un site web. De fapt, fiecare site începe cu un fundal alb implicit. Cu toate acestea, în timp ce un fundal alb poate fi foarte elegant și curat în căutarea atunci când este folosit cu o schemă de culoare armonioasă, un fundal colorat diferit poate fi favorizat cu teme diferite.
2. Deschideți codul Web (sursa).
3. În eticheta corpului, adăugați un atribut numit bgcolor. Acum, eticheta corpului ar trebui să arate așa-
unde ColnoName este numele culorii. COLORNAME poate fi umplut cu multe tipuri de reprezentanți de culoare-
unde ColnoName este numele culorii. COLORNAME poate fi umplut cu multe tipuri de reprezentanți de culoare-
4. Experimentarea cu RGB și # poate duce la multe nuanțe, dar puteți lua prima cale ușoară. Dar amintiți-vă că tastarea unei culori neobișnuite ca "Ultramarin albastru albastru" va duce la alb.
Adăugarea unei imagini de fundal
- Adăugarea unei imagini de fundal este puțin mai complicată decât un fundal colorat solid.
- 1. Adăugați proprietatea de fundal la eticheta corpului, așa că arată așa-
În cazul în care SRC este sursa imaginii Src poate fi în același folder sau alt dosar / pagină web. - (în același folder)
- (în interiorul unui alt folder)
- (într-o pagină web diferită)
- 2. Amintiți-vă să introduceți .jpg / .JPEG /.extensie BMP.
Metoda 2 din 2:
Metode CSSFundal solid colorat
- 1. Pentru a adăuga un fundal solid în CSS, adăugați un atribut de stil. De asemenea, puteți daID-uri și clase și să folosească atât stiluri de stil extern, cât și interne.
- 2. Eticheta corpului ar trebui să arate așa-
În cazul în care colornameisul numele culorii, valoarea hexagonală sau RGB (amintiți de asemenea ultimii pași ai fundalului colorat solid în HTML, sunt aplicabile și aici) .
Adăugând o imagine
- 1. Pentru a adăuga o imagine, adăugați atributul de stil la eticheta corpului. De asemenea, puteți da ID-uri și clase și să folosească atât stiluri de stil extern, cât și interne.
- 2. Eticheta corpului ar trebui să arate așa-
- 3. Amintiți-vă că SRC este sursa. Acesta poate fi din același folder, dosar diferit sau o pagină web diferită.
- (în același folder)
- (în interiorul unui alt folder)
- (într-o altă pagină web).
- 4. Nu uitați să adăugați .Extensii de asemenea.
Repetarea fundalului modelate
- 1. Pentru a face un fundal de model repetat, adăugați un fundal așa cum este spus în pașii de mai sus. Eticheta corpului trebuie să fie acum schimbată la-
În cazul în care setările repetate sunt setările. Pot fi multe setări repetate, cum ar fi- - (Fundalul va repeta atât vertical cât și orizontal.)
- (Fundalul se va repeta orizontal.)
- (Fundalul se va repeta vertical.)
Imagine fixă a imaginii
- 1. Imaginile de imagine fixe arată rece și nu se schimbă în timp ce parcurgeți în jos. Pentru a le face, trebuie doar să faceți niște tweak-uri simple la codul din secțiunea de mai sus. Faceți Tweaks pentru a face ca eticheta corpului să arate așa-
În cazul în care SRC este sursa imaginii de fundal, poziția este poziția imaginii (poate varia de la centru la partea de sus) - atașamentul de fundal este principalul "catalizator"din acest tip de fond. Este folosit pentru a spune poziția fundalului și este recomandat să nu se schimbe.
sfaturi
Citiți întregul articol: Secțiunea rămasă poate avea câteva sfaturi importante (deoarece secțiunile acestui articol sunt referitoare la celelalte și scrise, presupunând că secțiunile sunt citite).
Avertizări
Ambele metode HTML sunt amortizate și nu pot funcționa în HTML 4.01 stricte și xhtml stricte.
Partajați pe rețeaua socială: