Bet kurios svetainės dizainas pagrįstas fono vaizdais ir spalvomis, pavyzdžiui, namu ant pamatų. Jei norite pakeisti tipišką interneto išteklių pagrindą kažkuo individualesniu, turėtumėte pradėti nuo dizaino kūrimo. Kai jis bus paruoštas, liks grynai techninė dalis, tai yra pakeis seną svetainės fono dizainą, nurodytą puslapių šaltinio kode, nauju. Yra keli būdai, kaip tai įgyvendinti praktikoje.
Nurodymai
1 žingsnis
Pirmiausia turite sužinoti, kuris iš būdų yra nustatytas fone dabartinėje svetainės versijoje. Norėdami tai padaryti, atidarykite puslapio HTML kodą. Tai galite padaryti naudodami paprastą teksto rengyklę, iš anksto atsisiųsdami failą iš serverio. Arba galite naudoti turinio valdymo sistemos puslapių redaktorių, jei jį naudojate. Puslapio redaktorius nereikalauja atsisiųsti failo, tačiau jį modifikuoja tiesiogiai serveryje naudodamas naršyklę kaip sąsają. Atidaryto puslapio HTML kodas („HyperText Markup Language“) susideda iš naršyklės instrukcijų eilučių. Jie apibūdina kiekvieno tinklalapio elemento tipus, išvaizdą ir vietą. Šios instrukcijos paprastai vadinamos „žymomis“. Pačių žymių tvarka puslapio kode taip pat laikosi HTML kalbos taisyklių - jos yra suskirstytos į blokus, iš kurių pirmasis turi būti antraštės blokas, prasidedantis žyma ir baigiantis. Po jo turėtų būti toliau jus dominantis blokas - dokumento turinys. Apribojama žymomis ir. Į šio bloko pradinę žymą () galite įdėti informacijos apie puslapio foną. Tokia žymose esanti informacija vadinama „atributais“. Kūno žymos, nustatančios fono spalvą, atributas žymimas kaip „bgcolor“, o kode jis gali atrodyti taip: Čia puslapio fono spalvą nustatome sidabrinę. Naršyklė gali atpažinti kai kurias spalvas pagal jų pavadinimus, tačiau norint neklysti, geriau nurodyti jų šešioliktainius kodus. Ši versija su sidabro spalva šešioliktainėje išraiškoje atrodys taip: Taigi, puslapio kode turite rasti žymą, prasidedančią <body, ir patikrinti, ar ji turi fono spalvą. Jei taip, pakeiskite jame esančią spalvų nuorodą į naują versiją ir išsaugokite pakeitimus puslapyje.
2 žingsnis
Dabartinio jūsų svetainės dizaino foną galima nustatyti ne pagal spalvą, o pagal paveikslėlį. Atitinkamas kūno žymos atributas vadinamas fonu, ir jis gali atrodyti taip kode: Čia fonas yra bg.jpg
3 žingsnis
Apibūdindami gana sudėtingo dizaino puslapių išvaizdą, naudokite „kaskadinius stiliaus lapus“- CSS (Cascading Style Sheets). CSS kodo blokus galima įtraukti tiesiai į puslapio kodą arba į išorinį failą su „css“plėtiniu. Puslapio kodo antraštės dalyje (tarp ir žymų) reikia ieškoti stiliaus aprašo žymos, prasidedančios <style. Jei joje yra nuoroda į išorinį failą, ji atrodys maždaug taip: @import "style.css"; Čia yra nuoroda į stiliaus lapą, pavadintą style.css. Redagavimui turite atidaryti nurodytą failą. Ir jei nėra nuorodos, o po atidarymo <stiliaus žymos yra stiliaus instrukcijos, jas reikia redaguoti čia. Abiejuose variantuose, tarp stilių aprašymų, turite ieškoti tų, kurie susiję su dokumento turiniu (turiniu). Šis aprašų blokas gali atrodyti taip: body {
fono spalva: sidabras;
spalva: juoda;
} Čia reikia pakeisti fono spalvos parametro vertę naujos spalvos verte ir geriau tomis pačiomis šešioliktainėmis reikšmėmis. CSS instrukcijų fono paveikslėlio parinktis turėtų atrodyti taip: body {
fonas: # C0C0C0 URL (img / bg.jpg) pakartoti-y;
spalva: juoda;
} Čia nuoroda į paveikslėlį yra panaši į aukščiau aptartą, o # C0C0C0 prieš nuorodą reiškia, kad puslapio erdvė, kurios neužima fono paveikslėlis, turės sidabrinį foną. „Repeat-y“rodo, kad fono paveikslėlis turėtų būti padaugintas išilgai Y (vertikalios) ašies.„Pakartoti-y“galima pakeisti „pakartoti-x“(horizontali replikacija) arba „ne kartoti“(nekartoti). Jei visiškai nenurodysite pakartojimo, fono vaizdas bus nukreiptas į puslapio fono erdvę visomis kryptimis.
