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 HTML

Fundal solid colorat

  1. Imagine intitulată Adăugați un fundal la un site Web Pasul 1
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.
  • Imagine intitulată Adăugați un fundal la un site Web Pasul 2
    2. Deschideți codul Web (sursa).
  • Imagine intitulată Adăugați un fundal la un site Web Pasul 3
    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-
  • (Nume de culoare)
  • (valoarea hexagonală)
  • (Valoarea RGB)
  • Imagine intitulată Adăugați un fundal la un site Web Pasul 4
    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. Imagine intitulată Adăugați un fundal la un site Web Pasul 5
      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.
    2. (în același folder)
    3. (în interiorul unui alt folder)
    4. (într-o pagină web diferită)
    5. Imagine intitulată Adăugați un fundal la un site Web Pasul 6
      2. Amintiți-vă să introduceți .jpg / .JPEG /.extensie BMP.
    Metoda 2 din 2:
    Metode CSS
    Imagine intitulată Adăugați un fundal la un site Web Pasul 6

    Fundal solid colorat

    1. Imagine intitulată Adăugați un fundal la un site Web Pasul 7
      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. Imagine intitulată Adăugați un fundal la un site Web Pasul 8
      2. Eticheta corpului ar trebui să arate așa-

    3. Î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. Imagine intitulată Adăugați un fundal la un site Web Pasul 9
      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. Imagine intitulată Adăugați un fundal la un site Web Pasul 10
      2. Eticheta corpului ar trebui să arate așa-
    3. Imagine intitulată Adăugați un fundal la un site Web Pasul 11
      3. Amintiți-vă că SRC este sursa. Acesta poate fi din același folder, dosar diferit sau o pagină web diferită.
    4. (în același folder)
    5. (în interiorul unui alt folder)
    6. (într-o altă pagină web).
    7. Imagine intitulată Adăugați un fundal la un site Web Pasul 12
      4. Nu uitați să adăugați .Extensii de asemenea.

    Repetarea fundalului modelate

    1. Imagine intitulată Adăugați un fundal la un site web 13
      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-
    2. (Fundalul va repeta atât vertical cât și orizontal.)
    3. (Fundalul se va repeta orizontal.)
    4. (Fundalul se va repeta vertical.)

    Imagine fixă ​​a imaginii

    1. Imagine intitulată Adăugați un fundal la un site web 14
      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-

    2. Î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ă:
    Similar