ertare.com

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

Fundalul este unul dintre cele mai importante elemente ale unui site web. Un fundal bun creează tonul pentru site și completează conținutul. Există multe modalități de adăugare a fondului, fiecare având un scop diferit. Unele metode vă permit să aplicați fundalul pe toate paginile, altele limitează fundalul numai unei anumite pagini. Acest articol vă va învăța cum să puneți un fundal pe site-ul dvs. web utilizând HTML sau CSS.

pași

Metoda 1
s HTML

Culoarea de fundal

Imagine intitulată Adăugați un fundal la un site Pasul 1
1
O culoare de fundal 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 culoarea albă de fundal. Cu toate acestea, în timp ce culoarea albă poate face pagina dvs. să arate bine utilizând o schemă de culori armonioasă, culorile de fundal diferite pot favoriza teme diferite.
  • Imaginea intitulată Adăugați un fundal la un site Pasul 2
    2
    Deschideți codul dvs. web
  • 3
    În eticheta BODY, adăugați atributul numit bgcolor. Acum, eticheta BODY ar trebui să arate așa -

    unde COLORNAME este numele culorii. COLORNAME poate fi completat în moduri diferite.
  • (numele culorii).
  • (Valoarea HEX).
  • (Valoare RGB).
  • Imaginea intitulată Adăugați un fundal la un site Pasul 4
    4
    Experimentarea cu RGB și # vă poate duce să obțineți mai multe tonuri, dar puteți utiliza cea mai simplă opțiune. Dar rețineți, dacă tastați o culoare care nu există ca "Ultramarine Bluish Verde" acesta va fi gol.

    • Adăugați o imagine de fundal

    • Adăugarea unei imagini este ceva mai complicată decât un fundal colorat.
    1. 1
      Adăugați proprietatea de fond la eticheta BODY, așa că se pare că aceasta -

      unde SRC este sursa imaginii.       SCR poate fi în același folder sau într-un alt folder / pagină web.
    2. (în același folder).
    3. (în interiorul unui alt dosar).
    4. (într-o altă pagină web).
    5. Imaginea intitulată Adăugați un fundal la un site Step 6
      2
      Nu uitați să tastați extensia .jpg / .jpeg /.jpg.

    Metoda 2
    CSS

    Culoarea de fundal

    Imagine intitulată Adăugați un fundal la un site Pasul 7
    1
    Pentru a adăuga o singură culoare ca fundal în CSS, adăugați un atribut de stil. De asemenea, puteți da Identificări și Grupări de elemente și utilizați ambele foi de stil (externe și interne).


  • Imaginea intitulată Adăugați un fundal la un site Pasul 8
    2
    Eticheta BODY ar trebui să arate așa,

  • unde COLORNAME este numele culorii, valoarea HEX sau RGB (memorează, de asemenea, ultimii pași din fundalul de culoare din HTML, se aplică și aici).

    • Adăugați o imagine

    Imaginea intitulată Adăugați un fundal la un site Pasul 9
    1
    Pentru a adăuga o imagine, adăugați atributul de stil la eticheta BODY. De asemenea, puteți da Identificări și Grupări de elemente și utilizați ambele foi de stil (externe și interne).
  • Imaginea intitulată Adăugați un fundal la un site Pasul 10
    2
    Eticheta BODY ar trebui să arate așa,

  • Imagine intitulată Adăugați un fundal la un site Pasul 11
    3
    Amintiți-vă că SCR este sursa. Poate fi din același folder, alt dosar sau pagină web diferită.
  • (în același folder).
  • (în interiorul unui alt dosar).
  • (într-o altă pagină web).
  • Imaginea intitulată Adăugați un fundal la un site Pasul 12
    4
    Nu uitați să adăugați și extensiile.

    • Model de imagine repetitivă

    1. 1
      Pentru a avea un model repetat ca fundal, adăugați fundalul așa cum este menționat în pașii anteriori. Eticheta "corporală" ar trebui să arate așa -
      În cazul în care REPEAT-SETTINGS sunt setările. Pot exista mai multe setări repetate, cum ar fi-
    2. (Imaginea de fundal se repetă atât pe verticală, cât și pe orizontală).
    3. (Imaginea de fundal este repetată orizontal).
    4. (Fundalul imaginii se repetă vertical).

    Imagine fixă ​​a imaginii

    1. Imagine intitulată Adăugați un fundal la un site Pasul 14
      1
      Fundalul de imagini statice arată bine și nu se schimbă, astfel încât să derulați în jos. Pentru a face acest lucru, trebuie să vă deplasați puțin la codul secțiunii anterioare. Modificați următoarele pentru a arăta astfel:

    2. unde SRC este sursa imaginii de fundal, POSITION este poziția imaginii (poate fi centrul, spre dreapta etc.) - atașamentul de fond este principalul "catalizator" al acestui tip de fundal. Este folosit pentru a spune poziția fundalului și este recomandat să nu se schimbe.

    sfaturi

    • Citiți întregul articol: secțiunea pe care nu o citiți poate avea sfaturi importante (deoarece aceste secțiuni ale articolului se referă reciproc și sunt scrise presupunând că toate secțiunile vor fi citite).

    avertismente

    • Ambele metode HTML sunt depreciate și este posibil să nu funcționeze în HTML 4.01 Strict, precum și în XHTML Strict.
    Distribuiți pe rețelele sociale:

    înrudit
    Cum se adaugă un hyperlink cu HTMLCum se adaugă un hyperlink cu HTML
    Modificarea culorii de fundal a Adobe IllustratorModificarea culorii de fundal a Adobe Illustrator
    Modificarea culorii de fundal în PhotoshopModificarea culorii de fundal în Photoshop
    Modificarea culorii textului în HTMLModificarea culorii textului în HTML
    Modificarea fundalului GoogleModificarea fundalului Google
    Cum de a schimba imaginea de fundal a unui chat pe WhatsAppCum de a schimba imaginea de fundal a unui chat pe WhatsApp
    Modificarea fundalului în Adobe IllustratorModificarea fundalului în Adobe Illustrator
    Cum se schimbă monitorul Windows XPCum se schimbă monitorul Windows XP
    Cum să vă schimbați fundalul pe TwitterCum să vă schimbați fundalul pe Twitter
    Cum se creează o pagină web simplă utilizând NotepadCum se creează o pagină web simplă utilizând Notepad
    » » Cum să adăugați un fundal unui site Web

    © 2011—2020 ertare.com