Cum Se Face O Imagine De Fundal Pe Un Site Web

Cuprins:

Cum Se Face O Imagine De Fundal Pe Un Site Web
Cum Se Face O Imagine De Fundal Pe Un Site Web

Video: Cum Se Face O Imagine De Fundal Pe Un Site Web

Video: Cum Se Face O Imagine De Fundal Pe Un Site Web
Video: How To Make HD Wallpaper Website With Wordpress 2024, Noiembrie
Anonim

Puteți învăța noțiunile de bază despre construirea site-ului; există suficiente informații despre acest subiect pe internet și cărți. Cu toate acestea, în etapa inițială, apar adesea dificultăți în utilizarea uneia sau altei etichete. Într-adevăr, cele mai comune componente sunt cel mai bine amintite, deoarece sunt esențiale atunci când scrieți orice site web.

Cum se face o imagine de fundal pe un site web
Cum se face o imagine de fundal pe un site web

Instrucțiuni

Pasul 1

Selectați imaginea pe care doriți să o utilizați ca imagine de fundal. Dacă intenționați să inserați text peste ilustrație, atunci în acest caz este recomandabil să vă limitați la opțiuni fără variații excesive, în care sunt folosite mai multe culori de natură apropiată. În principiu, pentru a elimina valurile, puteți crea un „fundal” pentru conținut - iar problema va fi rezolvată cu succes.

Pasul 2

Corectați imaginea utilizând Adobe Photoshop. Când ați terminat, alegeți comanda Save For Web din meniul File și selectați folderul dorit. Dacă aceasta este prima imagine care va fi utilizată pentru site, atunci se creează automat un folder „Imagini”.

Pasul 3

În etichetă, scrieți atributul background = "cale către imagine". Înregistrați exemplul: sau. În același timp, rețineți că eticheta ar trebui să apară o singură dată în cod, nu ar trebui să fie multiplicată.

Pasul 4

Salvați modificările în notepad, faceți clic pe butonul „Reîmprospătare” din browser. Imaginea de fundal va apărea pe ecran. Dacă dimensiunile imaginii sunt mai mici decât parametrii paginii web, atunci imaginea va fi duplicată de câte ori este necesar pentru a umple întregul spațiu. Există două moduri de a corecta această deficiență:

• utilizând programul Adobe Photoshop, setați parametrii de imagine necesari în pixeli („Imagine” - „Dimensiune imagine”);

• setați dimensiunile necesare în codul html.

De exemplu, dacă lățimea este de 1250 px, iar înălțimea este de 650 px, atunci trebuie să adăugați atributele necesare pentru celula tabelului în care va fi plasată imaginea.

Nu puteți seta dimensiunea în etichetă - imaginea va fi afișată întotdeauna la dimensiune completă.

Pasul 5

Analog de ccs pentru inserarea unei imagini de fundal:

imagine de fundal

CORP {

background-image: url (images / bg.jpg);

}

Atributul „background-image: url (images / bg.jpg)” este calea către imaginea de fundal.

Recomandat: