Kuinka Lisätä Taustaa Sivustoon

Sisällysluettelo:

Kuinka Lisätä Taustaa Sivustoon
Kuinka Lisätä Taustaa Sivustoon

Video: Kuinka Lisätä Taustaa Sivustoon

Video: Kuinka Lisätä Taustaa Sivustoon
Video: Miehet Mustissa | Tarinat elokuvan taustalla 2024, Saattaa
Anonim

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.

Kuinka lisätä taustaa sivustoon
Kuinka lisätä taustaa sivustoon

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.

Suositeltava: