1 / 29

Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten

Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten. Fabian Moritz | MVP SharePoint Server. Die Evolution von SharePoint. 2001. 2003. 2007. 2010. 2013. Die Ebenen des Branding. Standard UI. Themes. Design Manager. Master Pages. > Aufwand : 0 > Skills: wenig.

chinara
Download Presentation

Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Brand my SharePointgrafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server

  2. Die Evolution von SharePoint 2001 2003 2007 2010 2013

  3. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages > Aufwand: 0 > Skills: wenig > Aufwand: wenig > Skills: SP-Standard > Aufwand: mittel > Skills: HTML + CSS > Aufwand: hoch > Skills: SP + HTML + CSS + ASP.NET EinheitlichePlattform + Standards

  4. Minimale Download Strategie (MDS)

  5. Demo MDS in SharePoint 2013

  6. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages > Aufwand: 0 > Skills: wenig > Aufwand: wenig > Skills: SP-Standard > Aufwand: mittel > Skills: HTML + CSS > Aufwand: hoch > Skills: SP + HTML + CSS + ASP.NET EinheitlichePlattform + Standards

  7. Themes (Composed Looks)

  8. Demo Themes und Composed Looks

  9. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages > Aufwand: 0 > Skills: wenig > Aufwand: wenig > Skills: SP-Standard > Aufwand: mittel > Skills: HTML + CSS > Aufwand: hoch > Skills: SP + HTML + CSS + ASP.NET EinheitlichePlattform + Standards

  10. Design Manager • Neues UI Management Tool • Erstellung, Bereitstellung und Verwaltung von Design-Elementen • Einfache Master Page-Generierung mit beliebigen Tools • Export und Import

  11. Neue Design Tools • SharePoint Designer 2013 ist kein Muss mehr (kann aber verwendet werden) • Master Page Gallery kann via WebDAV geöffnet werden • Bearbeitung mit beliebigen HTML Tools

  12. Einfache HTM

  13. Snippet Gallery

  14. Demo SharePoint Design Manager

  15. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages > Aufwand: 0 > Skills: wenig > Aufwand: wenig > Skills: SP-Standard > Aufwand: mittel > Skills: HTML + CSS > Aufwand: hoch > Skills: SP + HTML + CSS + ASP.NET EinheitlichePlattform + Standards

  16. Branding Projekte planen

  17. Wireframing

  18. Wireframing Tools • Blend + Sketch Flow for Visual Studio 2012 • BalsamiqMockups • Microsoft Visio 2013 • …

  19. Demo Wireframes umsetzen

  20. Master Pages umsetzen • 3 Optionen: • HTML Master Page • Minimal Master Page • Starter Master Pages (Codeplex)startermasterpages.codeplex.com • Tools • SharePoint Designer 2013 • 3rd Party Tools • Browser Tools • Nicht vergessen: Daten im TFS abspeichern!

  21. Device Manager • Verschiedene “Channels” fürmobile Geräte • Definition auf Basis des User Agent Strings • ZuordnungeinerMaster Page • Spezielle Controls für Channels

  22. Demo Mobile Ansichten umsetzen

  23. Die Ebenen des Branding Standard UI Themes Design Manager Master Pages > Aufwand: 0 > Skills: wenig > Aufwand: wenig > Skills: SP-Standard > Aufwand: mittel > Skills: HTML + CSS > Aufwand: hoch > Skills: SP + HTML + CSS + ASP.NET EinheitlichePlattform + Standards

  24. Und jetzt? • Laden Sie sich die Präsentation und Beispiele herunterhttp://sharepointcommunity.de/fabianm • Machen Sie sich mit dem Design Manager vertrauthttp://msdn.microsoft.com/en-us/library/jj822363.aspx • Nutzen Sie WireframingTools während der Planunghttp://www.balsamiq.com • Besuchen Sie BrandMySharePoint.dehttp://www.brandmysharepoint.de

  25. Fabian Moritz ITaCS GmbH MVP SharePoint Server Fabian.Moritz@itacs.de http://www.itacs.de http://sharepointcommunity.de/fabianm @FabianMoritz

More Related