Oblika katerega koli spletnega mesta temelji na slikah in barvah v ozadju, kot je hiša na temelju. Če želite tipične temelje vašega internetnega vira nadomestiti z nekaj bolj individualnega, potem začnite z razvojem zasnove. In ko bo pripravljen, bo ostal povsem tehnični del, to je zamenjava stare zasnove ozadja spletnega mesta, določene v izvorni kodi strani, z novo. To lahko v praksi uporabimo na več načinov.
Navodila
Korak 1
Najprej morate ugotoviti, kateri od načinov nastavitve ozadja je v trenutni različici spletnega mesta. Če želite to narediti, odprite kodo HTML strani. To lahko storite s preprostim urejevalnikom besedil, tako da datoteko vnaprej prenesete s strežnika. Lahko pa uporabite urejevalnik strani sistema za upravljanje vsebine, če ga uporabljate. Urejevalnik strani ne zahteva prenosa datoteke, ampak jo spremeni neposredno na strežniku z uporabo brskalnika kot vmesnika. Koda HTML (označevalni jezik HyperText) strani, ki jo odprete, je sestavljena iz navodil za brskalnik. Opisujejo vrste, videz in lokacijo vsakega od elementov spletne strani. Ta navodila se običajno imenujejo "oznake". Tudi vrstni red oznak v kodi strani upošteva pravila jezika HTML - razdeljeni so na bloke, od katerih mora biti prvi naslovni blok, ki se začne z oznako in konča. Temu naj sledi blok, ki vas zdaj bolj zanima - telo dokumenta. Omejeno je na oznake in. V uvodno oznako tega bloka () lahko vnesete informacije o ozadju strani. Takšne informacije znotraj oznak imenujemo "atributi". Atribut oznake telesa, ki nastavi barvo ozadja, je označen kot bgcolor in v kodi je lahko videti tako: Tu nastavimo barvo ozadja za stran na srebrno. Brskalnik lahko nekatere barve prepozna po njihovih imenih, da pa se ne bi zmotili, je bolje navesti njihove šestnajstiške kode. Ta različica s srebrno barvo v šestnajstiškem izrazu bo videti tako: Torej, v kodi strani morate poiskati oznako, ki se začne z <body, in preveriti, ali ima barvo ozadja. V tem primeru zamenjajte barvno oznako v novi različici in spremembe shranite na stran.
2. korak
Ozadja trenutne zasnove vašega spletnega mesta ni mogoče nastaviti glede na barvo, temveč sliko. Ustrezni atribut oznake telesa se imenuje ozadje in v kodi je lahko videti tako: Tu je ozadje slika bg.jpg
3. korak
Ko opisujete videz strani z razmeroma zapleteno zasnovo, uporabite "kaskadne slogovne liste" - CSS (Cascading Style Sheets). Bloke kode CSS lahko vključite neposredno v kodo strani ali v zunanjo datoteko s pripono "css". Poiskati morate oznako opisa sloga, ki se začne z <style v naslovu dela kode strani (med oznakama in). Če vsebuje povezavo do zunanje datoteke, bo videti nekako takole: @import "style.css"; Tu je povezava do sloga z imenom style.css. Določeno datoteko morate odpreti za urejanje. Če povezave ni in po uvodni oznaki <style obstajajo navodila za slog, jih morate tukaj urediti. Pri obeh možnostih morate med opisi slogov poiskati tiste, ki so povezani s telesom dokumenta (body). Ta opisni blok je lahko videti tako: body {
barva ozadja: srebrna;
barva: črna;
} Tu morate vrednost parametra barva ozadja zamenjati z vrednostjo vaše nove barve in bolje v enakih šestnajstiških vrednostih. Možnost slike za ozadje v navodilih CSS mora biti videti tako: body {
ozadje: # C0C0C0 url (img / bg.jpg) repeat-y;
barva: črna;
} Tu je povezava do slike podobna tisti, ki je bila obravnavana zgoraj, in # C0C0C0 pred povezavo pomeni, da bo prostor na strani, ki ga slika v ozadju ne zaseda, imel srebrno ozadje. "Ponovi-y" pomeni, da je treba sliko ozadja pomnožiti vzdolž osi Y (navpično)."Ponovi-y" lahko nadomestite z "repeat-x" (vodoravna replikacija) ali "no-repeat" (ne ponovite). Če ponovitve sploh ne določite, bo slika za ozadje v vseh smereh postavljena na ozadje strani.
