1 / 16

CSS, Themes & Skins

CSS, Themes & Skins. Wellington Perera MVP - Visual C# - Sri Lanka www.welasharp.net | wela@mvps.org. Agenda. Cascading Style Sheets Introduction Understanding the hierarchy CSS and Visual Studio Using the Style Builder Themes & Skins Creating a Skin Page_PreInit. What is CSS?.

Download Presentation

CSS, Themes & Skins

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. CSS, Themes & Skins Wellington Perera MVP - Visual C# - Sri Lanka www.welasharp.net | wela@mvps.org

  2. Agenda • Cascading Style Sheets • Introduction • Understanding the hierarchy • CSS and Visual Studio • Using the Style Builder • Themes & Skins • Creating a Skin • Page_PreInit

  3. What is CSS? • Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents. • Style sheets describe how documents are presented on screens, in print. • It has a version too … CSS 2.1 • No big deal … it’s a set of tags, or custom tags to polish up your website

  4. W3C • The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding.

  5. Two Style Sheet languages?  • The fact that W3C has developed XSL in addition to CSS has caused some confusion. Why develop a second style sheet language? The answer can be found in the table below: • Both languages can be used to style XML documents. • CSS and XSL use the same underlying formatting model and designers therefore have access to the same formatting features in both languages. W3C will work hard to ensure that interoperable implementations of the formatting model are available.

  6. Understanding the Hierarchy

  7. Validate Your CSS • http://jigsaw.w3.org/css-validator/ • Give the URL to your CSS file and validate, and it will give you a full report on your CSS including Valid CSS information and warnings.

  8. Demos • Vertical Text • Printer Friendly Pages

  9. CSS and Visual Studio • VS 2003 • Test Page • VS 2005 • Using the Style Builder • Elements • Classes • Style Rules

  10. Themes & Skins • Tables or DIV tags ?

  11. What Elements Participate? • Fonts • Normal Text / Headings / Sub Headings • Colors • Font Colors, Backgrounds • Page Areas • Headers, Sidebars, Main Content, etc. • Button Images and Text • ImageButton Controls • Headers

  12. Control Life Cycle • Initialize – Set up UI layout • Load view state • Process postback data • Load – Allow for controls added at runtime • Send postback change notifications • Handle postback events • Prerender • Save state • Render • Dispose • Unload

  13. Let’s do it … • Creating the Folder hierarchy • Creating the CSS and Skin Elements • Ready to go

  14. Resources • CSS Specificationhttp://www.w3.org/TR/CSS21/ • Validate your CSShttp://jigsaw.w3.org/css-validator/ • http://www.csszengarden.com/ • http://www.dotnetforum.lk

  15. Q & A

  16. Thank You! 

More Related