SharePoint Saturday Philly - Intro to SharePoint 2010 Branding

571 views

Published on

Presented at SharePoint Saturday Philly Feb, 2011

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
571
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • The Hands on Labs are new and are turning out to be quite popularEach monthly meeting covers a Power User intro-level topic and either a Developer or Admin advanced topicThe schedule is available on our website.
  • SharePoint Saturday Philly - Intro to SharePoint 2010 Branding

    1. 1. SharePoint Community in Philadelphia• Sessions for: Meeting Format 5:30-6:30 Power User Session • End Users 6:30-7:00 – News/Q&A/Networking/Food/Sponsors • Administrators 7:00-7:30 – Open Design – “Problem of the Month” 7:30-8:30 - Developer or Administrator Session • Developers • IT Pros• Meetings: Second Tuesday of the month, 5:30 to 8:30 PM, Microsoft Malvern office• Hands-On Labs: Administrators and Power Users, see website for detailsWEB: www.TriStateSharePoint.org (under construction)CONTACT: info@tristatesharepoint.orgTWITTER: @tristateSP
    2. 2. Platinum Gold SWAG Event OrganizersThanks to our Sponsors!
    3. 3. Presented by Thomas Dalytdaly@bandrsolutions.com
    4. 4. Who am I? A SharePoint Developer who specializes in implementing designs and creating web components to enhance the user interface and user experience.
    5. 5. Outline What’s New in 2010 Tools & Supported Browsers Approaches to Branding Master Pages Themes Demo Deployment Options
    6. 6. What’s New – Changes Table < Div Dialog Boxes & Ribbon Better & More cross browser support Office Theme Engine Tie custom CSS into theme engine
    7. 7. Tools & Supported Browsers Tools  IE Dev Toolbar (embedded in IE8)  Firebug / Firebug Lite  SharePoint Designer 2010  ColorPic  Multiple Versions  IE  Firefox Supported Browsers  Internet Explorer 7 & 8  Mozilla Firefox 3.6  Safari 4.04
    8. 8. Other Browsers & Tools Firebug Lite - Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome; Chrome  Built in developer tool bar Opera  Dragonfly
    9. 9. Approaches to Branding Theme – covers the overall color scheme of the site. Custom CSS – can change change, fonts, colors and some structure. Master Page & Custom CSS – complete control over look and feel.
    10. 10. 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
    11. 11. 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
    12. 12. Ribbon Customizing the Ribbon Position  http://blogs.msdn.com/b/sharepoint/archive/2010/04/06/customizing-ribbon-positioning-in-sharepoint-2010-master- pages.aspx Security Trim Ribbon  http://blogs.msdn.com/b/zwsong/archive/2010/04/29/how-to-hide-ribbon-from-users-without-edit-page-privilege.aspx
    13. 13. Themes Set of graphics and cascading style sheets that control the look of your site. Uses Office themes (.THMX) 12 colors, 2 fonts
    14. 14. 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 http://connect.microsoft.com/themebuilder
    15. 15. 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
    16. 16. 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
    17. 17. Deployment Options Theme  Upload & Activate through UI Alternate CSS  Upload & Set through UI Master Page / CSS  Upload & Apply through UI  Feature Deployment
    18. 18. 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)
    19. 19. Questions? Questions / Comments Contact information  Thomas Daly  tdaly@bandrsolutions.com

    ×