CSS Layout Modifikation i Adobe CS5 Dreamweaver - dummies

Abode Creative Suite 5 (Adobe CS5) Dreamweaver indeholder flere måder at ændre et layout på Cascading Style Sheets. Et CSS-layout styres fuldstændigt ved hjælp af stilarkregler, så du kan ændre udseendet af siden direkte fra CSS-stilpanelet og ejendomsinspektøren.

Hver kolonne, boks og plads på din nye side er placeret og dimensioneret ved hjælp af CSS-regler og egenskaber, som alle kan justeres fra enten Property inspector (på CSS Styles panelet) eller CSS Rule Definition panelet.

1. Hvis panelet CSS Styles ikke allerede er åbent, skal du vælge Window → CSS Styles for at åbne det.

2. Vælg fanen Alle for at få vist stilarket og dets regler.

   Det interne stilark er vist som øverst. Klik på pilen til venstre for at udvide den og vis alle de regler, den indeholder. Layouter, der bruger et vedhæftet (eksternt) stilark, viser stilarknavnet (f.eks. Stilarter. Css) i stedet for tagget.

3. Vælg kropsregel.

   Denne tagbaserede stil styrer den generelle formatering af hele siden (alt inde i taggen).

4. Klik på feltet ud for baggrundsreglen for at redigere det; i stedet for at holde indstillingen # 4E5869 (mellem grå), skriv en hexadecimal farve (f.eks. # CC0000 for rød) for at ændre sidens baggrundsfarve.

5. Klik på farveprøven ved siden af ​​farveregel for at åbne panelet Farveprøver; Vælg en ny standardtype farve til teksten på din side.

6. Vælg øverst på CSS-stilpanelet en anden stil (for eksempel, to.ColElstHdr #container-stil) for at se dens egenskaber.

   Den. twoColHybLtHdr #container ID-stil styrer størrelsen og udseendet af hovedlayoutbeholderen på siden.

7. I egenskabsinspektøren skal du redigere egenskaberne for at ændre udseendet af stilen.

   Du kan for eksempel ændre bredden på reglen ved at indtaste et nyt nummer i tekstboksen Bredderegel. Hvis du f.eks. Indtaster 95% , gør du hele layoutet bredere.

Hver kolonne og sektion, der omfatter dit layout, styres af en af ​​de ID-stilarter, der er angivet i CSS Styles-panelet. De fleste hver ID-stil har en breddeegenskab, du kan bruge til at ændre størrelsen på 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 typefarve, skrifttypefamilie og andre egenskaber, f.eks. Polstring og baggrundsfarve.

For at finde ud af, præcis hvilket ID der styrer hvilken kolonne eller sektion, skal du klikke inden for sidens område og se tagvelgeren nederst i dokumentvinduet.Det sidste mærke i kædens ende viser dig hvilken container du er i, og dens tilsvarende ID i CSS Styles panelet (for eksempel).