intro to sharepoint 2010 branding
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 PresentationTRANSCRIPT
![Page 2: Intro to SharePoint 2010 Branding](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/2.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/3.jpg)
OutlineWhat’s New in 2010Tools & Supported BrowsersApproaches to BrandingMaster PagesThemesDemo
![Page 4: Intro to SharePoint 2010 Branding](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/4.jpg)
What’s New – ChangesTable < DivDialog BoxesBetter & More cross browser supportOffice Theme EngineTie custom CSS into theme engine
![Page 5: Intro to SharePoint 2010 Branding](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/5.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/6.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/7.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/8.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/9.jpg)
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 10: Intro to SharePoint 2010 Branding](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/10.jpg)
RibbonCustomizing the Ribbon Position - http
://blogs.msdn.com/b/sharepoint/archive/2010/04/06/customizing-ribbon-positioning-in-sharepoint-2010-master-pages.aspx
![Page 11: Intro to SharePoint 2010 Branding](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/11.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/12.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/13.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/14.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/15.jpg)
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 17: Intro to SharePoint 2010 Branding](https://reader035.vdocument.in/reader035/viewer/2022062520/568162b3550346895dd33c81/html5/thumbnails/17.jpg)
Things to addMobile Page Layouts