SharePoint 2016 Branding (Custom Master Page)

We will need to use 'Design Manager' to create our own master page, but some SharePoint sites do not have it enabled by default. I will show you how to enable it in this lecture.

This lecture shows you how to create a 'mapped network drive' so we can copy and paste our custom master page files into it very easily.

In this lecture I will show you how to create a minimal master page within SharePoint. 

However, I prefer creating a html file outside SharePoint from scratch and then ask SharePoint to convert it into a master page, which will be covered in the next lecture.

A quick demo of creating an HTML file and CSS style sheet. As this is not a web design course, it doesn't go into details of how to create them but just give you an idea of what it looks like. The HTML file and CSS file etc can be downloaded from the Resources area in the last lecture.

In this lecture I am going to show you how to convert the HTML page you created into a master page.

Introduction to Code Snippets concept 

Insert code snippets for Top Navigation

Insert code snippets for Vertical Navigation

Insert code snippets for Search Box.

Insert code snippets for Site Title

How to publish the master page and apply it to all sites.

Insert code snippets for breadcrumb navigation

In this lecture I am going to show you how to use the F12 tool to identify the ID or Class for an HTML element, and then use CSS style sheet to change its background color.

Code snippets for the Navigate Up button.

Adding the rotating header image using JavaScript.