„Abode Creative Suite 5“ („Adobe CS5“) „Dreamweaver“ siūlo kelis būdus, kaip pakeisti pakopinio stiliaus lapų puslapio išdėstymą. CSS išdėstymas visiškai valdomas pagal stiliaus lapo taisykles, todėl galite keisti puslapio išvaizdą ir pobūdį tiesiai iš CSS stilių skydelio ir nuosavybės inspektoriaus.
Kiekvienas stulpelis, langelis ir vieta naujajame puslapyje yra išdėstyti ir matuojami naudojant CSS taisykles ir ypatybes, kurias galite koreguoti naudodami nuosavybės inspektorių (CSS stilių skydelyje) arba CSS taisyklių apibrėžimo skydelį.
Jei CSS stilių skydelis dar nėra atidarytas, pasirinkite Langas → CSS stiliai, kad jį atidarytumėte.
Pasirinkite skirtuką Viskas, kad būtų rodomas stiliaus lapas ir jo taisyklės.
Vidinis stiliaus lapas rodomas kaip
žyma.
Pasirinkite kūno taisyklę.
Šis žyma pagrįstas stilius valdo bendrą viso puslapio formatavimą (viską, kas yra žymoje).
Spustelėkite lauką šalia fono taisyklės, kad ją redaguotumėte; užuot palikę #4E5869 (vidutinio pilkumo) nustatymą, įveskite šešioliktainę spalvą (pvz., #CC0000 raudonai), kad pakeistumėte puslapio fono spalvą.
Spustelėkite pavyzdį šalia spalvų taisyklės, kad atidarytumėte skydelį Swatches; pasirinkite naują numatytąją puslapio teksto tipo spalvą.
CSS stilių skydelio viršuje pasirinkite kitą stilių (pvz., .twoColElstHdr #container stilių), kad peržiūrėtumėte jo ypatybes.
Stilius .twoColHybLtHdr #container ID valdo pagrindinio išdėstymo sudėtinio rodinio dydį ir išvaizdą puslapyje.
Ypatybių tikrintuve redaguokite ypatybes, kad pakeistumėte stiliaus išvaizdą.
Pavyzdžiui, galite pakeisti taisyklės plotį teksto laukelyje Width Rule įvesdami naują skaičių. Pavyzdžiui, jei įvesite 95 % , visas išdėstymas bus platesnis.
Kiekvienas stulpelis ir sekcija, apimanti jūsų išdėstymą, yra valdoma vienu iš ID stilių, išvardytų CSS stilių skydelyje. Dauguma kiekvieno ID stiliaus turi pločio ypatybę, kurią galite naudoti norėdami pakeisti skirtingų puslapio sričių dydį.
Toliau keiskite skirtingus CSS stilių skydelyje pateiktus stilius ir pažiūrėkite, kaip jie veikia skirtingus puslapio elementus. Pabandykite pakeisti tipo spalvą, šriftų šeimą ir kitas ypatybes, pvz., užpildą ir fono spalvą.
Norėdami tiksliai išsiaiškinti, kuris ID valdo kurį stulpelį ar skyrių, spustelėkite puslapio sritį ir pažiūrėkite į žymų parinkiklį dokumento lango apačioje. Paskutinis
grandinės pabaigoje esanti žyma rodo, kuriame konteineryje esate, ir atitinkamą jo ID skydelyje CSS stiliai (pvz., ).