Basic SharePoint Server 2013 Branding

Overview

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.

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
Prerequisites

Before attending this course, students should have:

  • A basic knowledge of HTML
  • A basic understanding of CSS
Target Student

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

Course duration

2 Days

Course outline

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



Wintrac Inc.
16523 SW McGwire Ct.
Beaverton OR 97007
© Wintrac, Inc. All rights reserved.                                                                               Site Map   |   Terms of Use   |   Privacy Policy