The SharePoint Master Pages Workshop

It doesn’t matter what version of SharePoint you are working with, master pages are involved. In this course, learn how these mystical files work and what makes them such a powerful tool for customization and development. This class isn’t about making SharePoint pretty, it is about learning how you can make the site’s user interface work for you.

Key Takeaways

  • Access to 7 hours / 23 recorded screencasts of audio and video instruction
  • Confidence in your ability to create and modify custom SharePoint master pages to meet project requirements
  • The know-how to enhance the usability of your site while streamlining code
  • Starter master page files with instructional comments
  • Bonus labs for adding images, CSS, JavaScript and custom controls

In-Depth Course Syllabus

Introduction to SharePoint for SharePoint Branding

Looking from a designer’s perspective, this introduction walks through key bits of the SharePoint interface and architecture that will affect your design and site structure. Topics include:

  • Lists, content types, branding file types and more
  • Branding file storage
  • Working with the web server vs. content database
  • Managed vs. structured navigation
  • Benefits of publishing sites vs. non-publishing sites
  • Designing for SharePoint sites
  • Working with SharePoint Designer 2013
  • Using a mapped network drive

Understanding master pages and content pages

You know you need one, you just aren’t sure what, where and how many. Deep dive into the key components of a master page and content page and truly understand how they work together and for you. And no one should start with an out-of-the-box SharePoint master page for customizing SharePoint! Items discussed:

  • What components belong in a master page
  • Using ContentPlaceHolders vs. Content Controls
  • Understanding why you have one master page vs. many content pages

Wrap up by editing a content page in SharePoint Designer to see first hand how the process works.

Master page creation and editing

It is time to get comfortable with Code View and other editors as you start work on your custom master page. Using semantic HTML and integrating in HTML5, you will create a master page from scratch. Master page edits include:

  • Mixing in your custom HTML or HTML5
  • Adding, editing and hiding ContentPlaceHolders
  • Manipulating the ribbon area
  • Using Security Trimmed Controls
  • Hiding the Ribbon from different user groups
  • Manipulating SharePoint navigation
  • Adding breadcrumb to pages and custom options under Site Actions
  • Applying custom master pages to non-publishing sites like Team sites

A boilerplate master page that uses a CSS based layout will be provided to you. This is a student exclusive.

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
  • 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