Fundalul din codul sursă al paginilor web, în funcție de designul utilizat, poate fi setat fie prin specificarea unei culori, fie prin legarea la un fișier imagine cu adăugarea parametrilor de poziționare ai acestuia. Acest lucru se poate face direct în etichete HTML, într-un bloc CSS separat în partea de antet a sursei sau într-un fișier separat cu descrieri de stil.
Instrucțiuni
Pasul 1
Deschideți codul sursă al blocului care este utilizat pe site-ul dvs. pentru a seta fundalul paginilor sale. Când utilizați orice sistem de control, acest bloc, de regulă, este alocat într-un fișier separat. Sistemul de control în sine are instrumente pentru editare directă în browser. În funcție de sistemul specific, această procedură poate fi organizată în diferite moduri - de exemplu, prin intermediul editorului de pagini. Dacă nu utilizați sisteme de control, atunci fișierul corespunzător trebuie descărcat pe computerul dvs. și deschis în orice editor. Este mai bine să utilizați un editor HTML specializat, dar puteți utiliza și cel mai simplu Notepad.
Pasul 2
Adăugați un atribut bgcolor la eticheta corpului, indicând nuanța culorii dacă fundalul paginii ar trebui să fie o culoare, nu o imagine. De exemplu:
Iată o culoare portocalie închisă ca fundal. Nu orice nume textual („mnemonic”) al nuanței poate fi recunoscut de browser, deci este mai bine să folosiți un cod de culoare hexazecimal. De exemplu, codul FF8C00 corespunde unei culori portocalii închise:
Pasul 3
Utilizați atributul de fundal în loc de bgcolor pe eticheta corpului dacă fundalul urmează să fie setat de o imagine mai degrabă decât de o culoare. De exemplu, dacă fișierul cu imaginea de fundal se numește bgPic
Pasul 4
Plasați o descriere a stilului în antetul codului sursă dacă doriți să setați fundalul paginii folosind CSS. De exemplu, o descriere a stilului CSS care înlocuiește culoarea portocaliu închis specificată în eticheta corpului, deoarece fundalul ar putea arăta astfel:
corp {fundal-culoare: DarkOrange;}
Și puteți seta o imagine de fundal cu următoarea descriere a stilului:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Aici, pe lângă linkul către imagine, este indicată și culoarea de fundal (# FF8C00) - dacă pe pagină există locuri care nu sunt acoperite de imaginea de fundal, atunci acestea vor fi pictate în nuanța de culoare specificată aici. Parametrul repeat-y specifică repetarea verticală a imaginii de fundal (de-a lungul axei Y). Dacă trebuie să repetați imaginea orizontal, atunci ar trebui să utilizați valoarea repeat-x și să interziceți repetarea modelului - fără repetare. Puteți plasa descrieri de stil înainte de eticheta care închide partea de titlu a codului HTML.
Pasul 5
Salvați modificările făcute în editorul de pagini sau salvați și încărcați fișierul descărcat înapoi pe server dacă codul a fost editat într-un fișier de pe computer.
