intro to sharepoint 2010 branding
Download
Skip this Video
Download Presentation
Intro to SharePoint 2010 Branding

Loading in 2 Seconds...

play fullscreen
1 / 17

Intro to SharePoint 2010 Branding - PowerPoint PPT Presentation


  • 112 Views
  • Uploaded on

Intro to SharePoint 2010 Branding. Presented by Thomas Daly [email protected] 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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Intro to SharePoint 2010 Branding' - jerome


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
who am i
Who am I?
  • A SharePoint developer who specializes in implementing designs and creating web components to enhance the user interface and user experience.
outline
Outline
  • What’s New in 2010
  • Tools & Supported Browsers
  • Approaches to Branding
  • Master Pages
  • Themes
  • Demo
what s new changes
What’s New – Changes
  • Table < Div
  • Dialog Boxes
  • Better & More cross browser support
  • Office Theme Engine
  • Tie custom CSS into theme engine
tools supported browsers
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
other browsers tools
Other Browsers & Tools
  • Firebug Lite - Compatible with all major browsers: IE6+, Firefox, Opera, Safari and Chrome;
  • Chrome
      • Built in developer tool bar
  • Opera
    • Dragonfly
approaches to branding
Approaches to Branding
  • Theme – covers the overall color scheme of the site
  • Master Page & Custom CSS – complete control over look and feel.
master pages
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
classes
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
ribbon
Ribbon
  • Customizing the Ribbon Position - http://blogs.msdn.com/b/sharepoint/archive/2010/04/06/customizing-ribbon-positioning-in-sharepoint-2010-master-pages.aspx
themes
Themes
  • Set of graphics and cascading style sheets that control the look of your site.
  • Uses Office themes (.THMX)
  • 12 colors, 2 fonts
themes1
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

theme engine
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
upgrading branding
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
slide15
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)
questions
Questions?
things to add
Things to add
  • Mobile Page Layouts
ad