Verkkosivujen lähdekoodin tausta voidaan käytetystä mallista riippuen asettaa joko määrittämällä väri tai linkittämällä kuvatiedostoon lisäämällä sen paikannusparametrit. Tämä voidaan tehdä suoraan HTML-tunnisteissa, erillisessä CSS-lohkossa lähteen otsikko-osassa tai erillisessä tiedostossa tyylikuvilla.
Ohjeet
Vaihe 1
Määritä sen sivujen tausta avaamalla sivustosi lohkon lähdekoodi. Kun käytetään mitä tahansa ohjausjärjestelmää, tämä lohko varataan pääsääntöisesti erilliseen tiedostoon. Itse ohjausjärjestelmässä on työkalut sen muokkaamiseen suoraan selaimessa. Järjestelmästä riippuen tämä menettely voidaan järjestää eri tavoin - esimerkiksi sivieditorin kautta. Jos et käytä ohjausjärjestelmiä, vastaava tiedosto on ladattava tietokoneellesi ja avattava missä tahansa editorissa. On parempi käyttää erikoistunutta HTML-editoria, mutta voit käyttää myös yksinkertaista Muistio.
Vaihe 2
Lisää bgcolor-määrite rungon tagiin, joka osoittaa värisävyn, jos sivun taustan tulee olla väri, ei kuva. Esimerkiksi:
Tässä on tummanoranssi väri taustana. Selainta ei voida tunnistaa sävyn jokaista tekstinimeä ("muistikirja"), joten on parempi käyttää heksadesimaalista värikoodia. Esimerkiksi koodi FF8C00 vastaa tummanoranssia väriä:
Vaihe 3
Käytä taustamääritettä bgcolor-tekstin sijasta runkotunnisteessa, jos taustan tulee asettaa kuva eikä väri. Esimerkiksi, jos taustakuvan sisältävän tiedoston nimi on bgPic
Vaihe 4
Lisää tyylikuvaus lähdekoodisi otsikkoon, jos haluat asettaa sivun taustan CSS: n avulla. Esimerkiksi CSS-tyylin kuvaus, joka korvaa rungon tagissa määritetyn tummanoranssin värin, koska tausta saattaa näyttää tältä:
body {taustaväri: DarkOrange;}
Ja voit asettaa taustakuvan seuraavalla tyylikuvalla:
body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}
Tässä kuvan linkin lisäksi ilmoitetaan myös taustaväri (# FF8C00) - jos sivulla on paikkoja, joita taustakuva ei peitä, ne maalataan tässä määritetyllä värisävyllä. Repeat-y-parametri määrittää taustakuvan toiston pystysuunnassa (Y-akselia pitkin). Jos haluat toistaa kuvan vaakasuunnassa, sinun on käytettävä Repeat-x-arvoa ja estämään kuvion toistaminen - no-Repeat. Voit sijoittaa tyylikuvaukset ennen tunnistetta, joka sulkee HTML-koodin otsikkoosan.
Vaihe 5
Tallenna muutokset sivun muokkausohjelmaan tai tallenna ja lataa ladattu tiedosto takaisin palvelimelle, jos koodia muokattiin tietokoneesi tiedostossa.