Dizajn bilo koje web stranice temelji se na pozadinskim slikama i bojama, poput kuće na temeljima. Ako želite zamijeniti tipične temelje vašeg internetskog resursa nečim individualnijim, tada biste trebali započeti s razvojem dizajna. A kada 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 ovo primijeni u praksi.
Instrukcije
Korak 1
Prvo morate saznati na koji se način postavlja pozadina u trenutnoj verziji stranice. Da biste to učinili, otvorite HTML kôd stranice. To možete učiniti pomoću jednostavnog uređivača teksta preuzimanjem datoteke sa servera unaprijed. Ili možete koristiti uređivač stranica sistema za upravljanje sadržajem, ako ga koristite. Uređivač stranice ne zahtijeva preuzimanje datoteke, već je modificira izravno na serveru koristeći preglednik kao sučelje. HTML kôd (HyperText Markup Language) stranice koju otvorite sastoji se od linija s uputama za preglednik. Oni opisuju tipove, izgled i mjesto svakog od elemenata web stranice. Ove se upute obično nazivaju "oznakama". Redoslijed samih oznaka u kodu stranice također se pridržava pravila HTML jezika - podijeljeni su u blokove, od kojih prvi mora biti blok naslova koji započinje oznakom i završava. Slijedi 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 informacije unutar oznaka nazivaju se "atributi". 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 može prepoznati neke boje po njihovim imenima, ali kako ne bi došlo do zabune, bolje je naznačiti njihove heksadecimalne kodove. Ova verzija sa srebrnom bojom u heksadecimalnom izrazu izgledat će ovako: Dakle, morate pronaći oznaku koja počinje s <body u kodu stranice i provjeriti ima li boju pozadine. Ako je to slučaj, zamijenite indikaciju boje u njemu novom verzijom i spremite promjene na stranicu.
Korak 2
Pozadina u trenutnom dizajnu vaše web stranice ne može se postaviti bojom, već slikom. Odgovarajući atribut oznake tijela naziva se pozadina i u kodu može izgledati ovako: Ovdje je pozadina slika bg.jpg
Korak 3
Kad opisujete izgled stranica s relativno složenim dizajnom, koristite "kaskadne tabele stilova" - CSS (Cascading Style Sheets). Blokovi CSS koda mogu se uključiti izravno u kod stranice ili sadržati u vanjskoj datoteci s ekstenzijom "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 pod 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;
boja: crna;
} Ovdje trebate vrijednost parametra boje pozadine 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;
boja: crna;
} Ovdje je veza do slike slična onoj koja je gore razmatrana, a # C0C0C0 prije veze znači da će prostor stranice koji ne zauzima pozadinska slika imati srebrnu pozadinu. "Ponovi-y" označava da sliku u pozadini treba pomnožiti duž Y (vertikalne) osi."Ponavljanje-y" može se zamijeniti s "repeat-x" (horizontalna 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.
