The SharePoint 2013 Design Manager Workshop
You have been handed SharePoint 2013 and some HTML files. Now what? Using SharePoint’s built in design conversion tool, you can take those HTML files and put them to work as SharePoint 2013 master pages and page layout files, creating a fully branded web site over the course of just a few hours. No SharePoint experience needed!
This on demand course will show you how to create a branded SharePoint site at your pace and at your convenience.
SharePoint Version: 2013
Author and instructor: Heather Solomon
Looking for a full featured SharePoint 2013 branding course? Please check out the SharePoint 2013 Branding Experience.
Introduction to Design Manager
Design Manager is simply a collection of SharePoint tools and functionality. Walk through what these tools are and where to find them. Also includes key SharePoint terminology that you need to know as you jump into SharePoint, perfect if this is your first time using the product. Topics include:
- Reviewing SharePoint 2013 vocabulary
- Exploring the Design Manager “table of contents”
- Setting up your SharePoint site for class
Design Manager for Master Pages
Take a dive into the “no SharePoint Designer required” branding feature for SharePoint 2013, Design Manager. Pick apart the components that make up Design Manager and understand what is happening to your code when it is imported into SharePoint. Topics include:
- Preparing your HTML file for master page conversion
- Understanding the relationship between your HTML file and the generated SharePoint master page
- Making sense of the code that is added to your HTML file
- Using the new Snippet Gallery
- Managing changes after file conversion
- Breaking the link to the SharePoint 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 any?
- Preparing your HTML file for page layout conversion
- Useful code bits beyond what is provided in the Snippet Gallery
- Creating layout variations
- Breaking the link to the SharePoint page layout file
What you need to attend this class
- Access to a SharePoint 2013 site, preferably a top level site collection, based on the Enterprise Wiki or Publishing site template with administrator rights
- An understanding and good comfort level with HTML is highly recommended
- A solid foundation in CSS is recommended
- This course is geared for web designers and developers so we assume students are familiar with basic web site design, layout and structure guidelines
For your computer:
- Headphones or speakers for course audio.
- HTML editor of your choice.
- OPTIONAL: Dual monitor setup – it helps to have the course video stream on one monitor and your test environment on the other monitor so you can avoid flipping between two applications.
What you will receive from this class
- Indefinite access to recorded screencasts
- Full color student electronic workbooks with post-class revisions and updates
- Access to a private discussion board that the instructor monitors