Tom Daly: Introduction to SharePoint 2010 Branding

1,814 views
1,744 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,814
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tom Daly: Introduction to SharePoint 2010 Branding

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

×