Intro to sharepoint 2010 branding
This presentation is the property of its rightful owner.
Sponsored Links
1 / 17

Intro to SharePoint 2010 Branding PowerPoint PPT Presentation


  • 85 Views
  • Uploaded on
  • Presentation posted in: General

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

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.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


    Intro to sharepoint 2010 branding

    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


  • Login