1 / 17

Intro to SharePoint 2010 Branding

Intro to SharePoint 2010 Branding. Presented by Thomas Daly tdaly@bandrsolutions.com. Who am I?. A SharePoint developer who specializes in implementing designs and creating web components to enhance the user interface and user experience. Outline. What’s New in 2010

jerome
Download Presentation

Intro to SharePoint 2010 Branding

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. 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 / 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 • http://startermasterpages.codeplex.com/ • 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 - http://msdn.microsoft.com/en-us/library/ms438349.aspx

  10. Ribbon • Customizing the Ribbon Position - http://blogs.msdn.com/b/sharepoint/archive/2010/04/06/customizing-ribbon-positioning-in-sharepoint-2010-master-pages.aspx

  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 • 3Approaches 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 http://connect.microsoft.com/themebuilder

  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 http://msdn.microsoft.com/en-us/library/ee539981.aspx

  15. Demo • Theme • 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 • tdaly@bandrsolutions.com

  17. Things to add • Mobile Page Layouts

More Related