Taustaga veebileht kipub ilusam välja nägema kui ilma selleta. Veebilehe kuvamise õigsus sõltub pädevatest toimingutest tausta lisamiseks.
Juhised
Samm 1
Lihtsaim viis HTML-dokumendis tausta loomiseks on atribuudi väärtuse määramine kehamärgendile. Taustatribuudi antud väärtus määrab lehel taustpildi. Kui määrate atribuudi bgcolor väärtuse, saab leht taustavärvi. Kehasildi atribuudi bgcolor värvi saab määrata kas kuueteistkümnendsüsteemis või ainult ühes sõnas.
2. samm
Sama efekti saate saavutada CSS-i kaskaadstiilide abil. Atribuudi taustavärv väärtus määrab lehe taustavärvi, samas kui taustpildi atribuudi väärtus määrab lehe taustpildi tee. Neid juhiseid saab kirjutada keha valijale. Saate seda teha teisiti: määrata html-märgendis olevale body-märgendile klass või identifikaator ja määrata ülaltoodud atribuudid vastavalt css-i klassile või tunnusele. Tuleb ainult meeles pidada, et kui atribuudid määratakse klassile, siis on kõigil määratud klassiga objektidel HTML-dokumendis taustavärv.
3. samm
Ülaltoodud juhised saab kirjutada HTML-dokumendi kehasse. Selleks avage stiilisilt siltide avamisel ja sulgemisel teenuse jaotises. Kõiki CSS-i lauseid saab kirjutada antud sildi avamise ja sulgemise vahele. Tuleb ainult meeles pidada, et sel juhul lehe kaal suureneb, mis võib negatiivselt mõjutada selle lõppkasutajale laadimise aega. Samuti tuleb märkida, et taustpildi täpsustamise korral saab seda korrata horisontaalselt, vertikaalselt või mööda kahte telge korraga. Selle eest vastutab CSS-i taust-korduse atribuut. Taustpildi saab jäigalt dokkida, hoolimata dokumendis kerimisriba olemasolust. Selle efekti saavutamiseks peate määrama tausta manuse: fix.
4. samm
HTML-dokumendi tausta saab teha programmeerimiskeeltega. HTML-i juhiseid saate kirjutada JavaScripti abil. Selleks sobib keelekonstruktsioon document.write. Kui sama asi väljendub DOM-i kaudu, muudab avaldus document.body.style.backgroundColor = “red” lehe tausta punaseks. See on sama mis sobiva atribuudi kirjutamine otse CSS-i.
5. samm
Eelmised juhised saab kirjutada otse veebilehe koodi, luues ava- ja sulgemispea siltide vahele paari skriptimärgendeid. Kõik need juhised saab aga kirjutada eraldi laiendiga js faili, mille saab seejärel lehega ühendada.
