Tyypillisesti verkkosivun perustaustaväri asetetaan CSS: n (CSS) avulla. Harvemmin tähän käytetään HTML-kielen (HyperText Markup Language - "hypertekstien merkintäkieli") ominaisuuksia. Joskus CSS-kuvauselementit sijoitetaan HTML-tageihin.
Ohjeet
Vaihe 1
Käytä tekstitunnisteen bgcolor-attribuuttia, jos haluat tehdä taustavärin määrittämisen ja lähdekoodisi muutokset mahdollisimman pieniksi. Kaikkien sivuelementtien kuvaukset sijoitetaan sivulähteeseen HTML-koodilohkossa, joka alkaa tagilla ja päättyy tagilla. Bgcolor-attribuutti on määritetty alkutunnisteessa ja sisältää nimetyn väriarvon (esimerkiksi punainen tai suklaa) tai vastaavan heksadesimaalisen värikoodin (# FF0000 tai # D2691E, vastaavasti). Yksinkertaisimmassa muodossaan tällainen tunniste voidaan kirjoittaa esimerkiksi näin: Tai näin: Molemmat vaihtoehdot asettavat saman punaisen värin asiakirjan taustalle.
Vaihe 2
Käytä taustaväri-ominaisuutta, jos haluat asettaa asiakirjan taustavärin tyylikuvauskielellä - tämä menetelmä on paljon yleisempi. Tyylikuvauslohkot voidaan joko sisällyttää asiakirjan lähdekoodiin tai kirjoittaa erilliseen tiedostoon css-laajennuksella. Linkki ulkoiseen tiedostoon sijoitetaan sivun otsikko-osaan (ja -tagien väliin) ja näyttää tältä: @import "style.css"; Jos CSS-ohjeita ei tarvitse siirtää lisätiedostoon, sitten @import "style.css"; tulisi korvata esimerkiksi seuraavalla testillä: body {background-color: Red;} Tässä body osoittaa, että punaisen taustavärin määrittelevän kiharoiden aaltosulkeiden sisällä oleva lause viittaa samaan HTML-runkotagiin. Ja tässä on useita järjestelmiä värisävyjen määrittämiseksi, mutta useimmiten käytetään heksadesimaalikoodeja: body {background-color: # FF0000;}
Vaihe 3
Korvaa taustavärin ominaisuus taustalla kuvaamaan tiiviimmin monimutkaisempaa taustarakennetta. Esimerkiksi, jos tietyn värisen taustan lisäksi asiakirjan taustalle on asetettava kuva. Tällainen kuvaus saattaa näyttää tältä: body {background: Red url (img / BGimage.gif) no-repeat;}
Vaihe 4
Valmistele valitsemasi vaihtoehdon perusteella koodi, joka asettaa asiakirjan taustavärin, ja liitä se sivun lähteeseen. Tämä voidaan tehdä esimerkiksi käyttämällä sisällönhallintajärjestelmän sivujen online-editoria tai missä tahansa tekstieditorissa.
