Cum Se Pune Un Fundal Pe Site

Cuprins:

Cum Se Pune Un Fundal Pe Site
Cum Se Pune Un Fundal Pe Site

Video: Cum Se Pune Un Fundal Pe Site

Video: Cum Se Pune Un Fundal Pe Site
Video: [TUTORIAL] Cum sa pui fundal in HTML 2024, Mai
Anonim

Fundalul de lucru pentru site poate fi comparat cu imaginea de fundal pentru desktopul sistemului de operare. Fundal (fundal), puteți crea în mai multe variante, care vor fi discutate mai jos.

Cum se pune un fundal pe site
Cum se pune un fundal pe site

Necesar

Editarea fișierului style.css

Instrucțiuni

Pasul 1

Fundal monocrom. Cel mai simplu tip de fundal, un mare plus este încărcarea minimă a paginii folosind o astfel de imagine. Dacă fișierul de stil (style.css) nu conține comenzi care stabilesc culoarea de fundal, browserul sugerează în mod implicit alb. Utilizați comanda fundal-culoare pentru a schimba culoarea. Un exemplu de utilizare a acestei comenzi: background-color: # 3366CC.

Pasul 2

Pentru a selecta o anumită culoare, puteți utiliza un software special, de exemplu, editorul grafic Adobe Photoshop. Dacă nu ați lucrat niciodată cu acesta, se recomandă utilizarea serviciilor web. Un exemplu izbitor este motorul de căutare „Yandex”, accesați următorul link https://yandex.ru și introduceți expresia „culoare albastră”. În fața ta va apărea un tabel de culori, în care poți alege pe oricare pe placul tău, copiați codul și lipiți-l în codul site-ului.

Pasul 3

Textura fundalului. În plus față de culoarea de fundal, puteți adăuga o imagine sau un model (textură) care se repetă ciclic la orice pagină a site-ului dvs. Pentru a face acest lucru, după introducerea culorii de fundal, scrieți comanda background-image, de exemplu, background-image: url (img / uzor.png). Calea către fișier trebuie specificată în paranteze. Este demn de remarcat faptul că rezoluția texturii poate începe de la cea mai mică (16x16) și se poate încheia cu imagini de dimensiuni complete pentru dimensiunea paginilor site-ului (800x600 și mai mult).

Pasul 4

Fundal folosind un gradient. În acest caz, utilizați culoarea de fundal care a fost setată cu comanda fundal-culoare, dar creați un gradient. Gradientul poate fi orizontal (x) și vertical (y). Cel mai adesea, o poziție orizontală este utilizată ca gradient de fundal, astfel încât linia cu gradient va arăta astfel: background-repeat: repeat-x.

Recomandat: