Intro to SharePoint 2010 Branding - PowerPoint PPT Presentation

Intro to sharepoint 2010 branding
Download
1 / 17

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

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

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

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

tdaly@bandrsolutions.com


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

      • tdaly@bandrsolutions.com


    Things to add

    Things to add

    • Mobile Page Layouts


  • Login