Mis tahes saidi kujundus põhineb taustapiltidel ja värvidel, nagu maja vundamendil. Kui teil on soov oma Interneti-ressursi tüüpiline alus asendada millegi individuaalsemaga, peaksite alustama disaini väljatöötamisest. Ja kui see on valmis, jääb puhtalt tehniline osa, see tähendab, et lehtede lähtekoodis määratud saidi tausta vana kujunduse asendamine uuega. Selle praktikas rakendamiseks on mitu võimalust.
Juhised
Samm 1
Kõigepealt peate välja selgitama, millistel viisidel taust on saidi praeguses versioonis seatud. Selleks avage lehe HTML-kood. Seda saate teha lihtsa tekstiredaktoriga, laadides fail eelnevalt serverist alla. Või võite kasutada sisuhaldussüsteemi lehtede redaktorit, kui te seda kasutate. Leheredaktor ei nõua faili allalaadimist, kuid muudab seda otse serveris, kasutades liidesena brauserit. Avatud lehe HTML-kood (HyperText Markup Language) koosneb brauseri käsuridadest. Need kirjeldavad veebilehtede iga elemendi tüüpe, välimust ja asukohta. Neid juhiseid nimetatakse tavaliselt "siltideks". Märgendite enda järjestus lehekoodis täidab ka HTML-keele reegleid - need on jagatud plokkideks, millest esimene peab olema pealkirjaplokk, mis algab sildiga ja lõpeb. Sellele peaks järgnema blokk, mis teid praegu rohkem huvitab - dokumendi põhiosa. See piirdub siltide ja. Selle ploki avamärgendisse () saate sisestada teavet lehe tausta kohta. Sellist siltide sees olevat teavet nimetatakse "atribuutideks". Taustavärvi määrava kehamärgendi atribuuti tähistatakse kui bgcolor ja koodis võib see välja näha järgmine: Siin määrasime lehe taustavärviks hõbedase. Brauser tunneb mõned värvid nimede järgi ära, kuid et mitte eksida, on parem märkida nende kuueteistkümnendkoha koodid. See kuueteistkümnendsüsteemis hõbedast värvi versioon näeb välja selline: Niisiis peate leidma lehe koodist sildi, mis algab tähega <body, ja kontrollima, kas sellel on taustavärv. Sel juhul asendage selles olev värvitähis oma uue versiooniga ja salvestage lehele tehtud muudatused.
2. samm
Saidi praeguse kujunduse tausta saab määrata mitte värvi, vaid pildi järgi. Kehamärgendi vastavat atribuuti nimetatakse taustaks ja see võib koodis välja näha järgmine: siin on teie serveri kausta img kujutis bg.jpg. Kui see atribuut on olemas, asendage pildifaili nimi uue pildi nimega, pidage meeles, et laadige see serverisse üles. Kui soovite pildi asendada värviga, asendage taustatribuut atribuudiga bgcolor, mida me kirjeldasime ülal.
3. samm
Suhteliselt keeruka kujundusega lehtede välimuse kirjeldamisel kasutage "kaskaadstiililehti" - CSS (Cascading Style Sheets). CSS-koodi plokid võib lisada otse lehe koodi või sisaldada välist faili laiendiga "css". Lehekoodi päiseosast (ja siltide vahel) peate otsima stiili kirjelduse märgendi, mis algab tähega <style. Kui see sisaldab linki välisele failile, näeb see välja umbes selline: @import "style.css"; Siin on link stiililehele nimega style.css. Muutmiseks peate avama määratud faili. Ja kui linki pole ja pärast avanevat <stiilimärgendit on stiilijuhised, siis peate neid siin muutma. Mõlemas variandis peate stiilide kirjelduste hulgas otsima neid, mis on seotud dokumendi põhiosaga. See kirjelduste plokk võib välja näha järgmine: body {
taustavärv: hõbe;
värv: must;
} Siin peate taustavärvi parameetri väärtuse asendama oma uue värvi väärtusega ja parem samades kuueteistkümnendsüsteemis. CSS-i juhiste taustpildi valik peaks välja nägema järgmine: body {
taust: # C0C0C0 URL (img / bg.jpg) kordus-y;
värv: must;
} Siin on pildi link sarnane eespool käsitletuga ja # C0C0C0 enne linki tähendab, et leheruumil, mida taustapilt ei hõivata, on hõbedane taust. "Korduv-y" näitab, et taustapilt tuleks korrutada piki Y (vertikaalset) telge."Kordus-y" võib asendada "kordus-x" (horisontaalne replikatsioon) või "ei kordu" (ärge kordage). Kui te ei määra kordust üldse, siis viiakse taustapilt lehe taustaruumi igas suunas.
