Kun luot oman verkkosivuston, haluat luonnollisesti, että se näytetään mahdollisimman houkuttelevasti käyttäjän selainversiosta riippumatta. Erityisesti siten, että taustakuva venytetään ja säädetään tietokoneen näytön tarkkuudelle.
Se on välttämätöntä
taidot työskennellä html: n, css: n, java-scriptin kanssa
Ohjeet
Vaihe 1
Avaa sivustosi koodi missä tahansa editorissa, kuten Muistiossa tai erillisessä verkkosuunnitteluohjelmassa, Dreamweaver. Liitä seuraavat rivit koodiin venyttääksesi sivuston taustaa. Lisää tausta: url (‘Lisää linkki kuvaan’).
Vaihe 2
Jos haluat koon kuvan vaakasuunnassa, käytä seuraavaa koodia: Tausta: url (‘Lisää linkki kuvaan’ toista-x), pystysuunnassa - korvaa koodin lopussa x y: llä. Jos sivusto on tyyliltään css-tiedosto, liitä koodi siihen. Tällä tavalla voit laittaa kumisen taustan sivustoosi.
Vaihe 3
Käytä seuraavaa koodiesimerkkiä sijoittamalla taustakuva sivulle ja venyttämällä sitä automaattisesti sen näytön tarkkuuteen, jolla sivua katsellaan. Esimerkkikoodi: body {background: "Lisää linkki taustakuvaan" () no-repeat fixed left center; sitten taustakoko: […].
Vaihe 4
Voit venyttää taustakuvan yksinkertaisesti lisäämällä kuvan taustaksi ja asettamalla sen leveydeksi 100%. Lisää esimerkiksi seuraava teksti sivukoodiin: taustakuva "alt =" Syötä kuvan nimi "/>. Siten sitä käytetään kuvan leveyden sovittamiseen, mutta sen mittasuhteita rikotaan.
Vaihe 5
Vastaavasti voit asettaa kuvan venymään korkeuteen ja käyttää korkeutta leveysmääritteen sijaan. Tai käytä seuraavaa koodiesimerkkiä css: lle: sivuston taustakuva) "> ja lisää sen jälkeen kuvan 100% leveys kuten edellisessä esimerkissä. Voit myös käyttää komentosarjaa selvittääksesi käyttäjän näytön tarkkuuden ja muokata koon pöytäsi sitä varten.
