Abode Creative Suite 5 (Adobe CS5) Dreamweaver giver flere måder at ændre et Cascading Style Sheets-sidelayout på. Et CSS-layout styres fuldstændigt af stilarksregler, så du kan ændre udseendet og fornemmelsen af siden direkte fra panelet CSS-typografier og egenskabsinspektøren.
Hver kolonne, boks og plads på din nye side er placeret og størrelse ved hjælp af CSS-regler og egenskaber, som du alle kan justere fra enten egenskabsinspektøren (på panelet CSS-typografier) eller panelet CSS-regeldefinition.
Hvis panelet CSS Styles ikke allerede er åbent, skal du vælge Vindue → CSS Styles for at åbne det.
Vælg fanen Alle for at få vist typografiarket og dets regler.
Det interne typografiark er vist som
tag.
Vælg brødtekstreglen.
Denne tag-baserede stil styrer den generelle formatering af hele siden (alt inde i tagget).
Klik på feltet ved siden af baggrundsreglen for at redigere den; i stedet for at beholde indstillingen #4E5869 (mellemgrå), skal du skrive en hexadecimal farve (såsom #CC0000 for rød) for at ændre sidens baggrundsfarve.
Klik på farveprøven ved siden af farvereglen for at åbne panelet Farveprøver; vælg en ny standardtypefarve til teksten på din side.
Øverst i panelet CSS Styles skal du vælge en anden stil (f.eks. .twoColElstHdr #container-stilen) for at se dens egenskaber.
.twoColHybLtHdr #container ID-stilen styrer størrelsen og udseendet af hovedlayoutbeholderen på siden.
I egenskabsinspektøren skal du redigere egenskaberne for at ændre stilens udseende.
For eksempel kan du ændre bredden af reglen ved at indtaste et nyt tal i tekstfeltet Bredderegel. Hvis du for eksempel indtaster 95% , gør du hele layoutet bredere.
Hver kolonne og sektion, der udgør dit layout, styres af en af de ID-stile, der er angivet i panelet CSS Styles. Næsten alle ID-stile har en breddeegenskab, som du kan bruge til at ændre størrelsen af forskellige områder på siden.
Fortsæt med at ændre forskellige stilarter, der er angivet i panelet CSS Styles, og se, hvordan de påvirker forskellige elementer på din side. Prøv at ændre skriftfarven, skrifttypefamilien og andre egenskaber, såsom udfyldning og baggrundsfarve.
For at finde ud af præcis hvilket id, der styrer hvilken kolonne eller sektion, skal du klikke i sideområdet og se på tagvælgeren nederst i dokumentvinduet. Den sidste
tag i slutningen af kæden viser dig, hvilken container du er i, og dens tilsvarende id i panelet CSS Styles (f.eks. ).