Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont
Egységes kinézet tervezése Arculatterv kialakítása Kiinduló arculatterv elkészítése Weblap építőelemeinek meghatározása Az építőelemek tulajdonságainak meghatározása – Betűk, méretek, színek, szegélyek, képek stílusa, stb.
Stíluslapok (CSS) használata Megjelenítés tulajdonságainak meghatározása piros félkövér betűk következő bekezdés piros félkövér betűk következő bekezdés style=”color: red; text-weight: bold;” piros félkövér betűk következő bekezdés piros félkövér betűk következő bekezdés piros félkövér betűk következő bekezdés Style attribútumStyle tag p { text-weight: bold; }.piros { color: red; } piros félkövér betűk következő bekezdés
Stíluslapok (CSS) használata II.
Demó CSS készítése
Szerveroldali vezérlők stílusa Theme és Skin CSS osztályok használata: a CssClass tulajdonság Az App_Themes könyvtár Skin fájl létrehozása A stíluslapok és a témák kombinálása
Témák használata Téma meghatározása a Page direktívában – Theme tulajdonság Téma tiltása vezérlőnként – EnableTheming tulajdonság Vezérlőhöz rendelhető stílusok közötti váltás – SkinID tulajdonság
Téma megadása kódból Page.Theme property beállítása – Az utolsó beállítási lehetőség a OnPreInit-ben
Téma megadása központilag Az összes oldalra egyszerre történő beállítás a Web.config-ban:
StyleSheetTheme –Mi a különbség a Theme-hoz képest? A Page direktívában a StyleSheetTheme tulajdonság Dinamikusan az oldal StyleSheetTheme tulajdonságának felülírásával (override) állítható be Web.config-ban: a pages elem styleSheetTheme attribútumával Designer támogatja A skinben megadott tulajdonságokat az oldal vezérlőiben felülbírálhatjuk.
Demó Téma készítése Téma alkalmazása
Linkek CSS: Mesterlapok: