Tom Daly: Introduction to SharePoint 2010 Branding
1. Intro to SharePoint 2010 Branding Presented by Thomas Daly tdaly@bandrsolutions.com
2. Who am I? A SharePoint developer who specializes in implementing designs and creating web components to enhance the user interface and user experience.
3. Outline What’s New in 2010 Tools & Supported Browsers Approaches to Branding Master Pages Themes Demo
4. What’s New – Changes Table < Div Dialog Boxes Better & More cross browser support Office Theme Engine Tie custom CSS into theme engine
5. Tools & Supported Browsers Tools IE Dev Toolbar (embedded in IE8) FireBug SharePoint Designer 2010 ColorPic Supported Browsers Internet Explorer 7 & 8 Mozilla Firefox 3.6 Safari 4.04
6. Approaches to Branding Theme – covers the overall color scheme of the site Master Page & Custom CSS – complete control over look and feel.
7. Master Pages Starter Master Pages – new term for Minimal Master Pages http://startermasterpages.codeplex.com/ Includes 3 master pages: regular, foundations, meeting workspaces Provides clean starting point for branding V3 Master Page Support
8. Themes Set of graphics and cascading style sheets that control the look of your site. Uses Office themes (.THMX) 12 colors, 2 fonts Two Approaches to updating the theme Existing theme can be modified in UI (Publishing Features) New theme can be created in PowerPoint and imported
9. Theme Engine Attach Custom CSS – EnableCssTheming Enable custom CSS to see themes - /Style Library/en-us/Themable Capabilities – ref Replace colors, Replace fonts Recolor images - Blending, Tinting, Fill
10. Demo Theme Create through PowerPoint, Import Update through UI Show V3 Master Page Support OOTB v3.master Heather base master page Show Starter Master Apply Blank Master Page Apply Customized Master Page Tie into theme engine w/ custom css (/theme site)
11. Questions? Questions / Comments Contact information Thomas Daly tdaly@bandrsolutions.com