tom daly: introduction to sharepoint 2010 branding

11
Intro to SharePoint 2010 Branding Presented by Thomas Daly [email protected]

Upload: sharepoint-saturday-ny

Post on 28-Nov-2014

2.117 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Tom Daly: Introduction to SharePoint 2010 Branding

Intro to SharePoint 2010 Branding

Presented by Thomas [email protected]

Page 2: Tom Daly: Introduction to SharePoint 2010 Branding

Who am I?A SharePoint developer who specializes in

implementing designs and creating web components to enhance the user interface and user experience.

Page 3: Tom Daly: Introduction to SharePoint 2010 Branding

OutlineWhat’s New in 2010Tools & Supported BrowsersApproaches to BrandingMaster PagesThemesDemo

Page 4: Tom Daly: Introduction to SharePoint 2010 Branding

What’s New – ChangesTable < DivDialog BoxesBetter & More cross browser supportOffice Theme EngineTie custom CSS into theme engine

Page 5: Tom Daly: Introduction to SharePoint 2010 Branding

Tools & Supported BrowsersTools

IE Dev Toolbar (embedded in IE8)FireBugSharePoint Designer 2010ColorPic

Supported BrowsersInternet Explorer 7 & 8Mozilla Firefox 3.6Safari 4.04

Page 6: Tom Daly: Introduction to SharePoint 2010 Branding

Approaches to BrandingTheme – covers the overall color scheme of

the siteMaster Page & Custom CSS – complete

control over look and feel.

Page 7: Tom Daly: Introduction to SharePoint 2010 Branding

Master PagesStarter Master Pages – new term for Minimal

Master Pageshttp://startermasterpages.codeplex.com/

Includes 3 master pages: regular, foundations, meeting workspaces

Provides clean starting point for brandingV3 Master Page Support

Page 8: Tom Daly: Introduction to SharePoint 2010 Branding

ThemesSet of graphics and

cascading style sheets that control the look of your site.

Uses Office themes (.THMX)12 colors, 2 fontsTwo Approaches to updating

the themeExisting theme can be

modified in UI (Publishing Features)

New theme can be created in PowerPoint and imported

Page 9: Tom Daly: Introduction to SharePoint 2010 Branding

Theme EngineAttach Custom CSS – EnableCssTheming

Enable custom CSS to see themes - /Style Library/en-us/Themable

Capabilities – refReplace colors, Replace fontsRecolor images - Blending, Tinting, Fill

Page 10: Tom Daly: Introduction to SharePoint 2010 Branding

DemoTheme

Create through PowerPoint, ImportUpdate through UI

Show V3 Master Page SupportOOTB v3.masterHeather base master page

Show Starter MasterApply Blank Master PageApply Customized Master Page

Tie into theme engine w/ custom css (/theme site)

Page 11: Tom Daly: Introduction to SharePoint 2010 Branding

Questions? Questions / Comments

Contact informationThomas [email protected]