Video: Dreamweaver Tutorial : Working with Images and CSS Layouts in Adobe Dreamweaver CS5 2024
Abode Creative Suite 5 (Adobe CS5) Dreamweaver erbjuder flera sätt att ändra sidlayout för Cascading Style Sheets. En CSS-layout styrs helt av stilarkreglerna, så du kan ändra utseendet på sidan direkt från CSS-stilpanelen och egenskapskontrollen.
Alla kolumner, rutor och utrymme på din nya sida är placerade och dimensionerade med hjälp av CSS-regler och egenskaper, som alla kan anpassas från antingen egenskapsinspektionen (på panelen CSS Styles) eller CSS Rule Definition-panelen.
-
Om panelen CSS Styles inte redan är öppen väljer du Fönster → CSS Styles för att öppna den.
-
Välj fliken Alla för att visa stilarket och dess regler.
Det interna stilarket visas som högst upp. Klicka på pilen till vänster för att expandera den och visa alla regler som den innehåller. Layouter med hjälp av ett bifogat (externt) stilark visar stilarknamnet (t.ex. format. Css) istället för taggen.
-
Välj kroppsregeln.
Denna taggbaserade stil styr den allmänna formateringen av hela sidan (allt inne i taggen).
-
Klicka på fältet bredvid bakgrundsregeln för att redigera det; istället för att hålla inställningen # 4E5869 (medelgrå), skriv en hexadecimal färg (t.ex. # CC0000 för röd) för att ändra sidans bakgrundsfärg.
-
Klicka på kolven bredvid färgregeln för att öppna panelen Färger Välj en ny standardfärg för texten på din sida.
-
Överst på panelen CSS Styles väljer du en annan stil (till exempel. TwoColElstHdr #container style) för att visa dess egenskaper.
Den. twoColHybLtHdr #container ID-stil styr storleken och utseendet på huvudlayoutbehållaren på sidan.
-
Ändra egenskaperna för egenskapsinspektören för att ändra stilens utseende.
Du kan till exempel ändra bredden på regeln genom att ange ett nytt nummer i textrutan Breddregel. Om du anger 95% , gör du till exempel hela layouten bredare.
Varje kolumn och sektion som omfattar din layout styrs av en av de ID-stilar som anges i panelen CSS Styles. De flesta varje ID-stil har en breddegenskap som du kan använda för att ändra storleken på olika områden på sidan.
Fortsätt att ändra olika stilar listade i panelen CSS Styles och se hur de påverkar olika element på din sida. Försök ändra typfärg, teckensnittsfamilj och andra egenskaper, t.ex. vaddering och bakgrundsfärg.
För att ta reda på exakt vilket ID som styr vilken kolumn eller sektion, klicka inom sidområdet och titta på taggväljaren längst ner i dokumentfönstret.Den sista taggen i slutet av kedjan visar vilken behållare du befinner dig i och dess motsvarande ID i panelen CSS Styles (till exempel).