Basic SharePoint Server 2013 Branding 

Prerequisites
A basic knowledge of HTML
A basic understanding of CSS

About This Course
This two-day instructor led course is intended for those interested in learning how to customize the look of SharePoint Server 2013 through the concept of Branding. Although some coding is involved we strive to keep it to a minimum in this introductory level course. Though we use minimum code you will be surprised at the ease with which SharePoint can be branded to your environment for internet, intranet and extranet sites. The level of expertise you gain coupled with the built-in SharePoint tools may be all your company ever needs for great looking branded sites.

This course uses an instructor led topic explanation, instructor performing detailed demonstrations then the student performing exercises to duplicate what the instructor demonstrated. This style of training is a combination of traditional classroom training and mentored learning. Additionally videos of the demonstrations performed by the course author are included with the course as a take-away.

Audience Profile
This course is intended for those interested in or tasked with the branding of SharePoint 2013 Server.

At Course Completion

• Understand The Ribbon
• Work with images
• Use Videos
• Customizing the site navigation
• Use themes
• Use composed looks
• Customize Page layouts
• Convert a HTML page to a Master Page
• Working with Master Pages using Design Manager
• Use the Snippet Gallery
• Use Design Manager with Page Layouts
• Create a Design Package
• Understand Cascading Style Sheets
• How SharePoint server uses CSS
• Using CSS in SharePoint
• Explain Web Content Management
• Utilize Web Parts for Content Rollups
• Create Display Templates

Module 1: Introduction
This module introduces the course and the modules we will be covering

Lessons

• Welcome

After completing this module, students will be able to:

• Introduction to Basic SharePoint Server 2013 Branding

Module 2: Key concepts for Branding in SharePoint server 2013
This module explains the components that are necessary for you to understand to work with the branding components in SharePoint Server 2013.

Lessons

• Branding Levels
• Master Pages and the Gallery
• Composed Looks
• Different types of pages
• What is Design Manager
• Catalogs

Lab 1: Tour the tools

• Tour the tools

After completing this module, students will be able to:

• Explain Levels
• Understand the key components of branding

Module 3: Editing via the User Interface
This module explains how to name, declare, assign values to, and use variables. It also describes how to store data in an array. (e.g. This module explains how to install, upgrade and migrate to Windows 7. It also describes the key features, editions, and hardware requirements of Windows 7)

Lessons

• The Ribbon
• Working with images
• Videos
• Customizing the site navigation
• Using themes
• Using composed looks
• Page layouts

Lab 1: Editing via the User Interface

• The Ribbon
• Working with images
• Videos
• Customizing the site navigation
• Using themes
• Using composed looks
• Page layouts

After completing this module, students will be able to:

• Understand The Ribbon
• Work with images
• Use Videos
• Customizing the site navigation
• Use themes
• Use composed looks
• Customize Page layouts

Module 4: SharePoint 2013 Design Manager
In this module we take a deep dive look at the SharePoint 2013 Design Manager which should be considered as you hub for your design and branding efforts.

Lessons

• Conversion of a HTML page to a Master Page
• Working with Master Pages using Design Manager
• The Snippet Gallery
• Design Manager and Page Layouts
• Creating a Design Package

Lab 1: SharePoint 2013 Design Manager

• Convert a HTML page to a Master Page
• Working with Master Pages using Design Manager
• Use the Snippet Gallery
• Use Design Manager with Page Layouts
• Create a Design Package

After completing this module, students will be able to:

• Convert a HTML page to a Master Page
• Working with Master Pages using Design Manager
• Use the Snippet Gallery
• Use Design Manager with Page Layouts
• Create a Design Package

Module 5: Cascading Style Sheets and SharePoint Server 2013
This module introduces cascading style sheets, explains their purpose and how to use them in SharePoint Server 2013.

Lessons

• Understand Cascading Style Sheets
• How SharePoint server uses CSS
• Using CSS in SharePoint

Lab 1: Cascading Style Sheets and SharePoint Server 2013

• Understand Cascading Style Sheets
• How SharePoint server uses CSS
• Using CSS in SharePoint

After completing this module, students will be able to:

• Understand Cascading Style Sheets
• How SharePoint server uses CSS
• Using CSS in SharePoint

Module 6: Master Pages and Page Layouts with Content Types
This module explains how to create, edit and work with Master pages and Page layouts with Content Types. This module is more advanced than the previous modules but all labs have included the code necessary to complete if the student prefers not to enter the code their selves.

Lessons

• Understand Master Pages
• Use SharePoint Designer 2013 to work with Master Pages
• Create a Master Page
• Edit a Master Page
• Content Types and Page Layouts

Lab 1: Master Pages

• Understand Master Pages
• Use SharePoint Designer 2013 to work with Master Pages
• Create a Master Page
• Edit a Master Page
• Content Types and Page Layouts

After completing this module, students will be able to:

• Understand Master Pages
• Use SharePoint Designer 2013 to work with Master Pages
• Create a Master Page
• Edit a Master Page
• Content Types and Page Layouts

Module 7: Using SharePoint Web Content Management to perform Content Rollups
This is another advanced module where you will explore using the capabilities of SharePoint to surface your content. As in the previous module all code is provided if a student does not care to enter it.

Lessons

• Web Content Management
• Utilizing Web Parts for Content Rollups
• Display Templates

Lab 1: Using SharePoint Web Content Management to perform Content Rollups

• Web Content Management
• Utilizing Web Parts for Content Rollups
• Display Templates

After completing this module, students will be able to:

• Explain Web Content Management
• Utilize Web Parts for Content Rollups
• Create Display Templates