+ All Categories
Home > Documents > Intro to SharePoint 2010 Branding

Intro to SharePoint 2010 Branding

Date post: 23-Feb-2016
Category:
Upload: jerome
View: 40 times
Download: 0 times
Share this document with a friend
Description:
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 - PowerPoint PPT Presentation
Popular Tags:
17
Intro to SharePoint 2010 Branding Presented by Thomas Daly [email protected]
Transcript
Page 1: Intro to SharePoint 2010 Branding

Intro to SharePoint 2010 Branding

Presented by Thomas [email protected]

Page 2: Intro 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: Intro to SharePoint 2010 Branding

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

Page 4: Intro to SharePoint 2010 Branding

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

Page 5: Intro to SharePoint 2010 Branding

Tools & Supported BrowsersTools

IE Dev Toolbar (embedded in IE8)Firebug / Firebug LiteSharePoint Designer 2010ColorPic

Supported BrowsersInternet Explorer 7 & 8Mozilla Firefox 3.6Safari 4.04

Page 6: Intro to SharePoint 2010 Branding

Other Browsers & ToolsFirebug Lite - Compatible

with all major browsers: IE6+, Firefox, Opera, Safari and Chrome;

ChromeBuilt in developer tool bar

OperaDragonfly

Page 7: Intro 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 8: Intro 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 brandingWell documented for easy understanding

V3 Master Page Support

Page 9: Intro to SharePoint 2010 Branding

Classess4-notdlg - prevent from showing in dialog window

Team Site Home Page Elements and CSS Classes - http://msdn.microsoft.com/en-us/library/ms438349.aspx

Page 11: Intro 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 fonts

Page 12: Intro to SharePoint 2010 Branding

Themes3 Approaches to

creating/updating the themeExisting 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

Page 13: Intro 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 14: Intro to SharePoint 2010 Branding

Upgrading BrandingMaster Page

MSDN Article - Upgrading an Existing Master Page to the SharePoint Foundation Master Page http://msdn.microsoft.com/en-us/library/ee539981.aspx

Page 15: Intro to SharePoint 2010 Branding

DemoTheme

Create through PowerPoint, ImportUpdate through UITheme Tool

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 16: Intro to SharePoint 2010 Branding

Questions? Questions / Comments

Contact informationThomas [email protected]

Page 17: Intro to SharePoint 2010 Branding

Things to addMobile Page Layouts


Recommended