CSS Layout Modification i Adobe CS5 Dreamweaver - dummies

Abode Creative Suite 5 (Adobe CS5) Dreamweaver gir flere måter å endre sideoppsett for Cascading Style Sheets. Et CSS-oppsett styres helt av stilarkregler, slik at du kan endre utseendet på siden direkte fra CSS-stilpanelet og egenskapsinspektøren.

Hver kolonne, boks og plass på den nye siden er plassert og størrelse ved hjelp av CSS-regler og egenskaper, som alle kan justeres fra enten Egenskapsinspektøren (på CSS-stilpanelet) eller CSS-regeldefinisjonspanelet.

1. Hvis CSS-stilpanelet ikke allerede er åpent, velger du Vindu → CSS-stiler for å åpne det.

2. Velg kategorien Alle for å vise stilarket og reglene.

   Det interne stilarket vises øverst. Klikk pilen til venstre for å utvide den og vis alle reglene den inneholder. Layouter ved hjelp av et vedlagt (eksternt) stilark viser stilarknavnet (for eksempel stiler. Css) i stedet for taggen.

3. Velg kroppsregel.

   Denne tagbaserte stilen styrer den generelle formateringen av hele siden (alt inne i taggen).

4. Klikk på feltet ved siden av bakgrunnsregelen for å redigere det; i stedet for å holde # 4E5869 (medium grå) innstillingen, skriv en heksadesimal farge (for eksempel # CC0000 for rød) for å endre sidens bakgrunnsfarve.

5. Klikk på fargeprøven ved siden av fargeregelen for å åpne panelet Fargeprøver; velg en ny standardtype farge for teksten på siden din.

6. Øverst på CSS-stilpanelet velger du en annen stil (for eksempel, the twoColElstHdr #container style) for å vise egenskapene.

   The. twoColHybLtHdr #container ID-stil styrer størrelsen og utseendet til hovedoppsettbeholderen på siden.

7. I egenskapsinspektøren, rediger egenskapene for å endre utseendet på stilen.

   Du kan for eksempel endre bredden på regelen ved å skrive inn et nytt nummer i tekstboksen Bredderegel. Hvis du angir 95% , for eksempel, gjør du hele oppsettet bredere.

Hver kolonne og seksjon som omfatter oppsettet ditt styres av en av ID-stilene som er oppført i CSS-stilpanelet. De fleste hver ID-stil har en breddeegenskap du kan bruke til å endre størrelsen på forskjellige områder på siden.

Fortsett å endre forskjellige stiler som er oppført i CSS-stilpanelet, og se hvordan de påvirker ulike elementer på siden din. Prøv å endre type farge, skriftfamilie og andre egenskaper, for eksempel polstring og bakgrunnsfarge.

For å finne ut nøyaktig hvilken ID som styrer hvilken kolonne eller seksjon, klikker du i sidens område og ser på tagvelgeren nederst i dokumentvinduet.Den siste merket på slutten av kjeden viser hvilken beholder du er i, og tilhørende ID i CSS-stilpanelet (for eksempel).