Dizajn bilo kojeg web mjesta temelji se na pozadinskim slikama i bojama, poput kuće na temeljima. Ako želite zamijeniti tipične temelje internetskog resursa nečim individualnijim, trebali biste započeti s razvojem dizajna. A kad bude spreman, ostat će isključivo tehnički dio, odnosno zamijeniti stari dizajn pozadine web mjesta naveden u izvornom kodu stranica novim. Postoji nekoliko načina da se to primijeni u praksi.
Upute
Korak 1
Prvo morate saznati koji je način postavljanja pozadine u trenutnoj verziji web mjesta. Da biste to učinili, otvorite HTML kôd stranice. To možete učiniti jednostavnim uređivačem teksta tako da datoteku preuzmete s poslužitelja unaprijed. Ili možete koristiti uređivač stranica sustava za upravljanje sadržajem, ako ga koristite. Uređivač stranice ne zahtijeva preuzimanje datoteke, već je mijenja izravno na poslužitelju koristeći preglednik kao sučelje. HTML kôd (HyperText Markup Language) stranice koju otvorite sastoji se od redaka uputa za preglednik. Opisuju vrste, izgled i mjesto svakog od elemenata web stranice. Ove se upute obično nazivaju "oznakama". Redoslijed samih oznaka u kodu stranice također poštuje pravila HTML jezika - podijeljeni su u blokove, od kojih prvi mora biti blok naslova koji započinje oznakom i završava. Nakon njega trebao bi slijediti blok koji vas sada više zanima - tijelo dokumenta. Ograničeno je na oznake i. U početnu oznaku ovog bloka () možete staviti informacije o pozadini stranice. Takve se informacije unutar oznaka nazivaju "atributima". Atribut oznake tijela koji postavlja boju pozadine označava se kao bgcolor i u kodu bi mogao izgledati ovako: Ovdje boju pozadine stranice postavljamo na srebrnu. Preglednik neke boje može prepoznati po imenima, no kako se ne bi zabunili, bolje je naznačiti njihove heksadecimalne kodove. Ova verzija sa srebrnom bojom u heksadecimalnom izrazu izgledat će ovako: Dakle, u kodu stranice morate pronaći oznaku koja počinje s <body i provjeriti ima li boju pozadine. Ako je to slučaj, zamijenite oznaku boje na njemu novom verzijom i spremite promjene na stranicu.
Korak 2
Pozadina u trenutnom dizajnu vašeg web mjesta može se postaviti ne bojom, već slikom. Odgovarajući atribut oznake tijela naziva se pozadina, a u kodu može izgledati ovako: Ovdje je pozadina slika bg.jpg
3. korak
Kad opisujete izgled stranica s relativno složenim dizajnom, koristite "kaskadne listove stilova" - CSS (Cascading Style Sheets). Blokovi CSS koda mogu se uključiti izravno u kod stranice ili sadržati u vanjskoj datoteci s nastavkom "css". Morate potražiti oznaku opisa stila koja započinje sa <style u zaglavnom dijelu koda stranice (između oznaka i). Ako sadrži vezu do vanjske datoteke, izgledat će otprilike ovako: @import "style.css"; Evo veze do tabele stilova s nazivom style.css. Morate otvoriti navedenu datoteku za uređivanje. A ako nema poveznice, a nakon uvodne oznake <style postoje upute za stil, tada ih morate urediti ovdje. U obje opcije, među opisima stilova, trebate potražiti one koji se odnose na tijelo dokumenta (body). Ovaj blok opisa može izgledati ovako: body {
boja pozadine: srebrna;
Crna boja;
} Ovdje trebate vrijednost parametra pozadinske boje zamijeniti vrijednošću vaše nove boje i to boljom u istim heksadecimalnim vrijednostima. Opcija pozadinske slike u CSS uputama trebala bi izgledati ovako: body {
pozadina: # C0C0C0 url (img / bg.jpg) repeat-y;
Crna boja;
} Ovdje je veza do slike slična onoj koja je gore razmatrana, a # C0C0C0 prije poveznice znači da će prostor stranice koji nije zauzet pozadinskom slikom imati srebrnu pozadinu. "Ponovi-y" označava da pozadinsku sliku treba pomnožiti duž Y (vertikalne) osi."Repeat-y" može se zamijeniti s "repeat-x" (vodoravna replikacija) ili "no-repeat" (ne replicirati). Ako uopće ne navedete ponavljanje, tada će pozadinska slika biti popločana na pozadinski prostor stranice u svim smjerovima.
