SharePoint Branding in Office 365 Joris...
Transcript of SharePoint Branding in Office 365 Joris...
![Page 1: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/1.jpg)
Digicomp Microsoft Evolution Day 2015 1
SharePoint Branding in Office 365
Joris Baiutti
Partner:
![Page 2: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/2.jpg)
2Digicomp Microsoft Evolution Day 2015
Agenda
Begrüssung
Vorstellung Referent
Branding Office 365
Simple Branding
Themes
Custom CSS
F&A
Weiterführende Kurse
![Page 3: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/3.jpg)
3Digicomp Microsoft Evolution Day 2015
Vorstellung Referent
Name: Joris BaiuttiFirma: Corporate Software AGFunktion: Consultant & Trainer
www.corporatesoftware.chFollow @CorpSoftCH on Twitter#SPB_Office365Source Code und Slideshttps://github.com/CorpSoftCH/EvolutionDay2015.git
![Page 4: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/4.jpg)
4Digicomp Microsoft Evolution Day 2015
Branden Sie Outlook oder Word?
Warum Collaboration Sites Branden?
Funktion > Design
![Page 5: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/5.jpg)
5Digicomp Microsoft Evolution Day 2015
Branding Office 365
Custom Logo
Banner
Custom Tiles
Login Page
![Page 6: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/6.jpg)
6Digicomp Microsoft Evolution Day 2015
Demo
![Page 7: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/7.jpg)
7Digicomp Microsoft Evolution Day 2015
Geringer Wartungsaufwand
Kleine Hürden bei Migration
Flexibel in der Zukunft
Responsive
Große Aufwände bei Updates
Abhängig von Entwicklern
Was wir wollen und was wir nicht wollen
![Page 8: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/8.jpg)
8Digicomp Microsoft Evolution Day 2015
Empfehlung
Avoid custommaster pages
Use Office 365 themes when
possible
Alternate CSSfor advance settings
and responsiveDesign
![Page 9: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/9.jpg)
9Digicomp Microsoft Evolution Day 2015
Wie wir das erreichen können
Custom Themes
Custom CSS
Javascript
Ohne Masterpages
![Page 10: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/10.jpg)
10Digicomp Microsoft Evolution Day 2015
Office 365 entwickelt sich ständig weiter auch im UI
![Page 11: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/11.jpg)
11Digicomp Microsoft Evolution Day 2015
Next Gen Portals
Video
Delve
Infopedia
![Page 12: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/12.jpg)
12Digicomp Microsoft Evolution Day 2015
Infopedia
![Page 13: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/13.jpg)
13Digicomp Microsoft Evolution Day 2015
Delve
![Page 14: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/14.jpg)
14Digicomp Microsoft Evolution Day 2015
Video
![Page 15: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/15.jpg)
15Digicomp Microsoft Evolution Day 2015
Simple Branding SharePoint
Custom Logo
Themes
![Page 16: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/16.jpg)
16Digicomp Microsoft Evolution Day 2015
Demo
Custom Logo
Themes
![Page 17: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/17.jpg)
17Digicomp Microsoft Evolution Day 2015
Custom Theme
Color
Font
Background Image
Masterpage
SharePoint Color Palette Tool
![Page 18: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/18.jpg)
18Digicomp Microsoft Evolution Day 2015
Demo
Custom Theme erstellen
Manuell applizieren
Automatisch mit App
![Page 19: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/19.jpg)
19Digicomp Microsoft Evolution Day 2015
Demo
Chrome Developer Tools
Applizieren
![Page 20: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/20.jpg)
20Digicomp Microsoft Evolution Day 2015
Custom CSS
Custom CSS
manuell applizieren
Automatisch applizieren
![Page 21: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/21.jpg)
21Digicomp Microsoft Evolution Day 2015
Demo
CSS auf allen Site Collection‘s applizieren
![Page 22: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/22.jpg)
22Digicomp Microsoft Evolution Day 2015
Responsive Frameworks
Foundation
Bootstrap
![Page 23: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/23.jpg)
23Digicomp Microsoft Evolution Day 2015
Developer Tools
Sublime
Visual Studio
SharePoint Designer
Notepad ++
![Page 24: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/24.jpg)
24Digicomp Microsoft Evolution Day 2015
F&A
![Page 25: SharePoint Branding in Office 365 Joris Baiuttidigiblog.s3-eu-central-1.amazonaws.com/app/1446649559/19...SharePoint Branding in Office 365 Joris Baiutti Partner: Digicomp Microsoft](https://reader033.fdocuments.net/reader033/viewer/2022052717/5f043ec47e708231d40d0695/html5/thumbnails/25.jpg)
25Digicomp Microsoft Evolution Day 2015
Weiterführende Kurse
SharePoint 2013: Branding-Technologien für SharePoint 2013 und Office 365 («S3X»)