Când vă creați propriul site, doriți în mod natural să se afișeze cât mai atractiv posibil, indiferent de versiunea browserului utilizatorului. În special, astfel încât imaginea de fundal să fie întinsă și ajustată la rezoluția monitorului computerului.
Este necesar
abilități în lucrul cu html, css, java-script
Instrucțiuni
Pasul 1
Deschideți codul pentru site-ul dvs. în orice editor, cum ar fi Notepad sau un program dedicat de proiectare web, Dreamweaver. Lipiți următoarele linii în cod pentru a întinde fundalul site-ului. Adăugați fundal: url („Introduceți un link către imagine”).
Pasul 2
Pentru a dimensiona imaginea pe orizontală, utilizați următorul cod: Fundal: url („Introduceți un link către imagine” repetați-x), vertical - la sfârșitul codului, înlocuiți x cu y. Dacă site-ul este stilat într-un fișier CSS, lipiți codul în el. În acest fel, veți putea pune un fundal cauciucat pe site-ul dvs.
Pasul 3
Utilizați următorul exemplu de cod pentru a plasa o imagine de fundal pe o pagină și întindeți-o automat pentru a se potrivi cu rezoluția monitorului pe care pagina este vizualizată. Exemplu de cod: corp {fundal: "Introduceți un link către imaginea de fundal" () fără stânga fix repetat în centru; apoi fundal-dimensiune: […].
Pasul 4
Pentru a întinde imaginea de fundal, pur și simplu introduceți o imagine ca fundal și setați lățimea acesteia la 100%. De exemplu, introduceți următorul text în codul paginii: imagine de fundal "alt =" Introduceți numele imaginii "/>. Astfel, va fi folosit pentru a se potrivi lățimii imaginii, dar proporțiile sale vor fi încălcate.
Pasul 5
În mod similar, puteți seta imaginea să se întindă în înălțime, utilizați înălțimea în locul atributului lățime. Sau utilizați următorul exemplu de cod pentru css: imaginea de fundal a site-ului) "> și după acesta adăugați 100% lățimea imaginii ca în exemplul anterior. De asemenea, puteți utiliza scriptul pentru a afla rezoluția ecranului utilizatorului și pentru a edita dimensiunea a mesei tale pentru asta.
