what's new in branding sharepoint 2013
DESCRIPTION
TRANSCRIPT
![Page 1: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/1.jpg)
1
What is New in Branding SharePoint 2013
Matthew HughesFlucidity Ltd
![Page 2: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/2.jpg)
Who am I?• Matthew Hughes • SharePoint 2010 MCTS, MCITP, MOS
• SharePoint 2007+• Branded SharePoint 2010 Beta• Former SharePoint Trainer• Co-founder Flucidity Ltd• Founder Office 365 UK User Group• Occasional Blogger• Brander? Designer? IT Pro?• A Office 365 & SharePoint Enthusiast?
![Page 3: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/3.jpg)
3
Session Contents
• A History of SharePoint Branding
• Low Effort Branding• Site Icon• Composed Looks
• Medium Effort Branding• Design Manager• Custom CSS
• High Effort Branding• Master Pages / Page Layouts
![Page 4: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/4.jpg)
4
What is Branding?Courtesy of the University of East Anglia
![Page 5: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/5.jpg)
5
SharePoint Branding Through the Ages•SharePoint 2003•SharePoint 2007• SharePoint Designer 2007•Master Pages & CSS
•SharePoint 2010• SharePoint Designer 2010•Master Pages & CSS• XSLT• Page Layouts
![Page 6: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/6.jpg)
7
Low Effort Branding
![Page 7: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/7.jpg)
8
Site Icon
![Page 8: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/8.jpg)
9
Composed Looks
![Page 9: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/9.jpg)
10
Composed Looks
![Page 10: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/10.jpg)
11
Composed Looks
• Themes but actually useable
• Includes Master Page, Colours, Fonts, Background Image, Preview File
• Composed Looks are NOT created with PowerPoint• Defined in XML files
• Note: Create your own Preview File otherwise this will not work
![Page 11: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/11.jpg)
12
Demo: Composed Looks
![Page 12: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/12.jpg)
13
Medium Effort Branding
![Page 13: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/13.jpg)
14
Design Manager
• Remember themes were the focus in SharePoint 2010? Now it’s Design Manager
• SharePoint with publishing enabled
• Create designs outside ofSharePoint
• Use existing design software
![Page 14: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/14.jpg)
Design Manager
• Snippets• Simple Interface• Create a design
using snippetsand HTML editor• Convert design
into SharePointMaster Page• MasterPage and
HTML file joinedtogether
![Page 15: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/15.jpg)
Dreamweaver & SharePoint
![Page 16: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/16.jpg)
Demo: Design Manager
![Page 17: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/17.jpg)
18
Full Effort BrandingEverything Else – Traditional Branding
![Page 18: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/18.jpg)
19
Resources
•What's new in SharePoint 2013 Site Developmenthttp://msdn.microsoft.com/en-us/library/jj163942(v=office.15)
•User Agent Stringshttp://www.useragentstring.com/pages/useragentstring.php
•Starter Master Pageshttp://startermasterpage.codeplex.com
![Page 19: What's New in Branding SharePoint 2013](https://reader034.vdocuments.site/reader034/viewer/2022051610/54832baab07959490c8b49cd/html5/thumbnails/19.jpg)
Thanks for attending• Matthew Hughes
• Flucidity.com• @flucidity• [email protected]• +44 7879 775 365
• Follow me on Twitter @mattmoo2