Intro to sharepoint 2010 branding
Download
1 / 17

Intro to SharePoint 2010 Branding - PowerPoint PPT Presentation


  • 109 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
Intro to sharepoint 2010 branding

Intro to SharePoint 2010 Branding

Presented by Thomas Daly

[email protected]


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


    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?

    • Questions / Comments

    • Contact information

      • Thomas Daly

      • [email protected]


    Things to add
    Things to add

    • Mobile Page Layouts


    ad