Kaip redaguoti stilius CSS išdėstyme Dreamweaver

Sukūrę naują puslapį su CSS išdėstymu „Dreamweaver“, turite, atrodo, begalinį jo redagavimo parinkčių skaičių, tačiau pirmiausia turite nustatyti, kurie stiliai stilių lape atitinka norimus redaguoti elementus.

Kaip tikriausiai galite įsivaizduoti, CSS išdėstymo stilius galite redaguoti įvairiais būdais, kad sukurtumėte savo dizainą.

Sureguliavę esamus stilius, kad pagrindinis puslapio dizainas būtų toks, kokio norite, galite sukurti tiek papildomų stilių, kiek norite.

Kaip patikrinti galimus stilius ir atlikti pagrindinius pakeitimus

Tas pačias pagrindines instrukcijas galite naudoti su bet kokiu Dreamweaver CSS išdėstymu. Norėdami redaguoti stilius CSS makete, atlikite šiuos veiksmus:

Atidarykite puslapio failą, pagrįstą Dreamweaver CSS išdėstymu, ir pasirinkite Langas → CSS stiliai (arba spustelėkite skirtuką CSS Designer, kad išskleistumėte skydelį).

Atidaromas arba išplečiamas CSS dizainerio skydelis.

Spustelėkite, kad pasirinktumėte stiliaus lapo pavadinimą šaltinių skydelyje, esančiame CSS Designer viršuje.

Visi su nauju puslapiu susieti stiliai pateikiami skydelyje Selectors.

Pasirinkite bet kurio stiliaus pavadinimą, pateiktą skydelyje CSS Designer Selectors.

Atitinkamos stiliui apibrėžtos CSS taisyklės rodomos skydelyje Ypatybės, CSS dizainerio skydelio apačioje. Stilių sąrašo spustelėjimas ir atitinkamų taisyklių peržiūra yra geras būdas greitai peržiūrėti dizainą ir pamatyti, kur saugomos įvairios puslapio formatavimo parinktys.

HTML5 antraštės, .nav ir poraštės žymos valdo pagrindines puslapio dalis. Pavyzdžiui, antraštės stilius apima taisyklę, pagal kurią fono spalva yra žalia. Taigi, norėdami pakeisti puslapio viršuje esančios antraštės srities spalvą, antraštės taisyklėje pakeisite fono spalvos nustatymą.

Kaip redaguoti viso puslapio nustatymus

Norėdami redaguoti viso puslapio nustatymus, pvz., puslapio fono spalvą arba pagrindinį šrifto paviršių, visame puslapyje naudojamo teksto dydį ir spalvą, atlikite šiuos veiksmus:

Skydelyje CSS Designer Selectors pasirinkite stilių, pavadintą body.

Pasirinktoje stiliaus taisyklėje apibrėžtos savybės rodomos ypatybių skydelyje.

Spustelėkite piktogramą T ypatybių skydelio viršuje ir pakeiskite arba pridėkite norimą šriftą ir kitus teksto nustatymus.

Galite pakeisti šrifto veidą, dydį, stilių ir svorį. Norėdami pakeisti tarpą tarp teksto eilučių, pakeiskite eilutės aukštį.

Slinkite žemyn iki ypatybių skydelio Fono srities ir naudokite spalvą lauke Fono spalva, kad nurodytumėte viso puslapio fono spalvą.

Arba galite įvesti bet kokį šešioliktainį spalvos kodą lauke Fono spalva arba naudoti lašintuvą bet kokios spalvos pavyzdžiui. Norėdami pridėti fono paveikslėlį, spustelėkite URL lauką Fonas, tada spustelėkite pasirodžiusį mygtuką Naršyti ir pasirinkite vaizdą, kurį norite naudoti kaip foną. Naudokite fono kartojimo piktogramas, kad nurodytumėte, kaip fono vaizdas turėtų kartotis puslapyje.

Atlikite kitus stiliaus taisyklės pakeitimus ar papildymus.

Stiliaus taisyklių pakeitimai ypatybių skydelyje automatiškai išsaugomi ir taikomi pagal taisyklę suformatuotam turiniui.

Kaip tinkinti turinio sritis

Norėdami pakeisti pagrindinių turinio sričių, kurios valdo bendrą puslapio dydį ir antraštę, poraštę ir šoninę juostą, plotį ar kitus parametrus, atlikite šiuos veiksmus:

Norėdami pakeisti visos pagrindinės projektavimo srities plotį:

Spustelėkite .container stilių skydelio CSS Designer skydelyje Selectors.

Stiliaus taisyklės .container ypatybės rodomos ypatybių skydelyje, kur taip pat galite redaguoti stilių.

Pakeiskite dydį lauke Plotis arba įveskite naują norimo puslapio pločio skaičių.

Puslapio dizaino plotis automatiškai keičiamas pagal įvestą dydį. Kai keičiate .container stiliaus plotį, keičiate viso dizaino plotį, nes visi

žymos ir kiti elementai yra

suformatuoti .container stiliumi – ir jie visi yra paruošti išplėsti, kad užpildytų .container

.

Norėdami pakeisti puslapio turinio srities dydį, pasirinkite stilių, pavadintą .content, ir nurodykite dydį bei kitas norimas parinktis skydelyje Ypatybės.

Jei pakeisite turinio srities plotį makete, kuriame yra šoninė juosta, turite pakeisti ir šoninės juostos plotį.

Norėdami pakeisti bet kurio puslapio stiliaus fono spalvą, spustelėkite atitinkamo stiliaus pavadinimą ir pakeiskite nustatymus skydelio Savybės skiltyje Fonas.

Pavyzdžiui, Dreamweaver CSS maketuose šoninė juosta apibrėžiama stiliumi, pavadintu .sidebar1. Taigi, norėdami pakeisti fono spalvą, skydelyje Selectors spustelėkite .sidebar1, ypatybių skydelyje pasirinkite kategoriją Fonas ir pasirinkite norimą spalvą. Panašiai, norėdami pakeisti antraštės fono spalvą, pasirinkite stilių, pavadintą antrašte, skydelyje Selectors ir gerai naudokite spalvą.

Norėdami pridėti vaizdą prie antraštės:

Pasirinkite rezervuotos vietos vaizdą, pažymėtą Įterpti logotipą, ir paspauskite klavišą Delete arba Backspace.

Pasirinkite Įterpti → Vaizdas → Vaizdas ir pasirinkite vaizdą naudodami dialogo langą Pasirinkti vaizdo šaltinį.

Pakeiskite tekstą ir įterpkite vaizdus į šoninę juostą ir pagrindines turinio sritis.

Galite pridėti arba pakeisti tekstą ir įterpti vaizdus į bet kurį puslapį, sukurtą naudojant CSS maketą, kaip ir bet kuriame kitame tinklalapyje.

Norėdami išsaugoti puslapį ir stilius, pasirinkite Failas → Išsaugoti viską.