1. Intro to SharePoint 2010 Branding
Presented by Thomas Daly

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
IE Dev Toolbar (embedded in IE8)
Firebug / Firebug Lite
SharePoint Designer 2010
ColorPic
Supported Browsers
Internet Explorer 7 & 8
Mozilla Firefox 3.6
Safari 4.04

6. Other Browsers & Tools
Firebug Lite - Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome;
Chrome
Built in developer tool bar
Opera
Dragonfly

7. Approaches to Branding
Theme – covers the overall color scheme of the site
Master Page & Custom CSS – complete control over look and feel.

8. Master Pages Starter Master Pages – new term for Minimal Master Pages
Includes 3 master pages: regular, foundations, meeting workspaces
Provides clean starting point for branding
Well documented for easy understanding
V3 Master Page Support

9. Classes s4-notdlg - prevent from showing in dialog window
Team Site Home Page Elements and CSS Classes -

10. Ribbon
Customizing the Ribbon Position -

11. Themes
Set of graphics and cascading style sheets that control the look of your site.
Uses Office themes (.THMX)
12 colors, 2 fonts

12. Themes 3 Approaches to creating/updating the theme
Existing theme can be modified in UI (Publishing Features)
New theme can be created in PowerPoint and imported
Microsoft Theme Builder Tool

13. 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

14. Upgrading Branding Master Page
MSDN Article - Upgrading an Existing Master Page to the SharePoint Foundation Master Page

15. Demo Theme Show V3 Master Page Support Show Starter Master
Create through PowerPoint, Import
Update through UI
Theme Tool
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)

16. Questions? Questions / Comments
Contact information
Thomas Daly

17. Things to add
Mobile Page Layouts