Abode Creative Suite 5 (Adobe CS5) Dreamweaver ponuja več načinov za spreminjanje postavitve strani kaskadnih slogovnih listov. Postavitev CSS je v celoti nadzorovana s pravili slogovnih listov, tako da lahko spremenite videz in občutek strani neposredno na plošči Slogi CSS in inšpektorju lastnosti.
Vsak stolpec, polje in prostor na vaši novi strani so postavljeni in velikosti s pravili in lastnostmi CSS, ki jih lahko prilagodite bodisi v inšpektorju lastnosti (na plošči Slogi CSS) bodisi na plošči Definicija pravila CSS.
Če plošča Slogi CSS še ni odprta, izberite Okno→ Slogi CSS, da jo odprete.
Izberite zavihek Vse, da prikažete slogovno tabelo in njena pravila.
Notranja slogovna lista je prikazana kot
oznaka.
Izberite pravilo telesa.
Ta slog, ki temelji na oznakah, nadzoruje splošno oblikovanje celotne strani (vse v oznaki).
Kliknite polje poleg pravila ozadja, da ga uredite; namesto da obdržite nastavitev #4E5869 (srednje siva), vnesite šestnajstiško barvo (kot je #CC0000 za rdečo), da spremenite barvo ozadja strani.
Kliknite vzorec poleg barvnega pravila, da odprete ploščo Vzorci; izberite novo privzeto barvo za besedilo na vaši strani.
Na vrhu plošče Slogi CSS izberite drug slog (na primer slog #container .twoColElstHdr), da si ogledate njegove lastnosti.
Slog ID-ja .twoColHybLtHdr #container ID nadzoruje velikost in videz glavnega vsebnika postavitve na strani.
V inšpektorju lastnosti uredite lastnosti, da spremenite videz sloga.
Širino pravila lahko na primer spremenite tako, da vnesete novo številko v besedilno polje Pravilo širine. Če na primer vnesete 95 % , naredite celotno postavitev širše.
Vsak stolpec in razdelek, ki sestavljata vašo postavitev, nadzoruje eden od slogov ID-jev, navedenih na plošči Slogi CSS. Večina slogov ID-ja ima lastnost širine, ki jo lahko uporabite za spreminjanje velikosti različnih območij na strani.
Nadaljujte s spreminjanjem različnih slogov, navedenih na plošči Slogi CSS, in si oglejte, kako vplivajo na različne elemente na vaši strani. Poskusite spremeniti barvo vrste, družino pisav in druge lastnosti, kot sta oblazinjenje in barva ozadja.
Če želite natančno ugotoviti, kateri ID nadzoruje kateri stolpec ali razdelek, kliknite znotraj območja strani in si oglejte izbirnik oznak na dnu okna dokumenta. Zadnji
oznaka na koncu verige vam pokaže, v katerem vsebniku ste, in njegov ustrezen ID na plošči Slogi CSS (na primer ).