Előadást letölteni
Az előadás letöltése folymat van. Kérjük, várjon
1
Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont
2
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.
3
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
4
Stíluslapok (CSS) használata II.
5
Demó CSS készítése
6
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
7
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
8
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
9
Téma megadása központilag Az összes oldalra egyszerre történő beállítás a Web.config-ban:
10
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.
11
Demó Téma készítése Téma alkalmazása
12
Linkek CSS: http://www.w3.org Mesterlapok: http://msdn2.microsoft.com
Hasonló előadás
