gtemata.com

Cum se adaugă fundalul unui site Web

Contextul este unul dintre elementele fundamentale ale unui site web: îl dă ton și integrează conținutul său. Există multe modalități de adăugare a acestuia, fiecare pentru un alt scop. Unele metode vă permit să aplicați același fundal tuturor paginilor site-ului, în timp ce altele sunt limitate la o singură pagină. Acest articol vă învață cum să adăugați un fundal la site-ul dvs. Web folosind HTML sau CSS.



paşi

Metoda 1

Metode HTML

Metoda 2

= Fundal solid

=

1
Fundalul colorat este cel mai simplu. De fapt, fiecare site se naște cu un fundal alb implicit. Cu toate acestea, în timp ce albul poate fi foarte elegant și curat, utilizat cu o combinație de culori armonioase, cu teme diferite, un fond colorat diferit ar putea fi de preferat.
  • 2
    Deschideți codul sursă al paginii.
  • 3
    În eticheta corporală, adăugați un atribut numit bgcolor. Eticheta corporală ar trebui să arate astfel:

    unde COLORNAME este numele culorii, care poate fi identificat în moduri diferite:
  • (numele culorii)
  • (valoare hexazecimală)
  • (Valoare RGB)
  • 4
    Experimentând cu sintaxa RGB și sintaxa hexazecimală puteți obține o mulțime de culori, dar identificarea unei culori cu prima metodă este mult mai ușoară. Aveți grijă: amintiți-vă că tastând numele unei culori rare cum ar fi "Albastru verde de peste mări" veți vedea doar alb.

    • Metoda 3

    = Adăugați o imagine de fundal

    =

    • Adăugarea unei imagini de fundal este puțin mai complicată.
    1
    Adăugați proprietatea de fond la eticheta corporală. Veți primi un cod similar:

    unde SRC este fișierul original al imaginii, care poate fi în același director sau într-un alt folder / pagină web:
    • (în același dosar)
    • (în interiorul unui alt dosar)
    • (pe o altă pagină web)
  • 2
    Nu uitați să introduceți extensia * .jpg, * .jpg, * .jpg, etc.

    • Metoda 4

    Metode CSS

    Metoda 5

    = Fundal solid

    =

    1
    Pentru a adăuga un fundal colorat în CSS, trebuie să introduceți un atribut de stil. Puteți aloca clase și ID-uri și utilizați ambele foi de stil, interne și externe.
  • 2
    Eticheta corporală ar trebui să arate astfel:

  • unde COLORNAME este numele culorii exprimate în limbaj natural, cu valoare hexazecimală sau în RGB, ca în cazul HTML.

    • Metoda 6

    = Adăugați o imagine de fundal

    =

    1
    Pentru a adăuga o imagine, inserați atributul de stil la eticheta corporală, cu ID-uri și / sau Clase în orice foaie de stil.
  • 2
    Eticheta dvs. corporală ar trebui să arate astfel:

  • 3
    Amintiți-vă că SRC este sursa. Poate fi în același folder sau în altul sau pe o pagină web:
  • (în același dosar)
  • (în interiorul unui alt dosar)
  • (într-o altă pagină web).
  • 4
    Nu uitați să inserați extensiile de fișiere imagine.

    • Metoda 7

    = Backgrounds Patterns Repeated

    =

    1
    Pentru a face un fundal cu motive repetate, același lucru este valabil și pentru punctul anterior. Cu toate acestea, corpul etichetei trebuie să arate astfel:
    unde REPEAT SETTINGS sunt setările. Există multe modalități de a repeta un motiv:
    • (modelul de fundal se repetă atât pe verticală, cât și pe orizontală.)
    • (modelul se repetă numai pe orizontală.)
    • (motivul se repetă numai vertical.)

    Metoda 8

    = Imagine fixă

    =

    1
    O imagine statică în fundal oferă un aspect proaspăt și nu se mișcă nici măcar în partea de jos a paginii. Aveți nevoie de câteva modificări simple la codul secțiunii anterioare:

    • unde
      SRC este imaginea de fundal
      Poziția poate varia de la centru la dreapta sus-
      atașamentul de fundal este folosit pentru a indica poziția fondului și este mai bine să nu îl schimbați.

    Sfaturi

    • Este recomandat să citiți întregul articol: lăsând deoparte chiar și o secțiune, este posibil să pierdeți câteva sfaturi importante.

    Avertismente

    • Ambele metode în HTML sunt acum învechite și pot să nu funcționeze în HTML 4.01 Strict și XHTML Strict.
    Distribuiți pe rețelele sociale:

    înrudit