The SharePoint Design Manager Workshop

You have been handed SharePoint and some HTML files. Now what? Using the built in design conversion tool, you can take those HTML files and put them to work as master pages and page layout files. Create a fully branded web site over the course of just a few hours. No SharePoint experience needed!

Key Takeaways

  • Access to over over 3 hours of audio and video instruction
  • 21 recorded screencasts and electronic lecture notes with diagrams
  • The know-how to take your custom HTML and integrate it into SharePoint
  • Confidence to use code components and page layouts as needed
  • Sample HTML and branding assets for testing and experimentation

In-Depth Course Syllabus

Introduction to Design Manager

Design Manager is a collection of tools and functionality. We will walk through what these tools are and where to find them. Additionally, we will cover  key terminology. Topics include:

  • Reviewing SharePoint vocabulary
  • Exploring the Design Manager table of contents
  • Setting up your site for class

Design Manager for Master Pages

Take a dive into the “no SharePoint Designer required” branding feature. Pick apart the components that make up Design Manager and understand what is happening to your code when it is imported. Topics include:

  • Preparing your HTML file for master page conversion
  • Understanding the relationship between your HTML file and the generated master page
  • Understanding the code that is added to your HTML file
  • Using the new Snippet Gallery
  • Managing HTML changes after file conversion
  • Breaking the link to the master page file

Design Manager for Page Layouts

Now that the site design is in place, it is time to take care of your content organization and design. Topics include:

  • What is a page layout and why do I need it?
  • Preparing your HTML file for page layout conversion
  • Useful code bits that are not provided in the Snippet Gallery
  • Creating page layout variations
  • Breaking the link to the page layout file

System Requirements

  • Access to a SharePoint 2013+ site, preferably a top level site collection, based on the Enterprise Wiki or Publishing site template with administrator rights
  • HTML code editor of your choice, such as:
  • Speakers or headphones for course audio
  • OPTIONAL: If you have access to a second monitor it can aid with viewing the course while trying out exercises