What you will learn

After completing this course, the student should be able to:

  • Understand the branding process for both SharePoint Foundation 2010 and SharePoint Server 2010.
  • Know how to properly plan for a SharePoint branding project.
  • Understand some simple branding techniques as well as know how to work with the SharePoint navigation.
  • Describe how Cascading Style Sheets, master pages, page layouts, Web Parts, and deployment are utilized in SharePoint 2010.
  • Create one of everything possible from SharePoint Designer, learn about each new condition and action of SharePoint Designer workflows.
  • Work with the SharePoint 2010 ribbon, the client-side object model, jQuery, and Silverlight.


  • Anyone that has been and will be working with SharePoint Designer from a designing perspective.


Before attending this course, students must have:

  • Understanding of SharePoint site elements (Lists, Libraries, Content Types, etc)
  • CSS, HTML, ASP.Net


Five days; Instructor-Led

Outline for Sharepoint Designer 2010 and Sharepoint Branding Training


Module 1: Overview A simple introduction module.

Lessons: Overview

After completing this module, students will be able to:

  • Understand your course, classroom, classmates, facility and instructor.

Module 2: 2010 Changes

In this module we are going to take a look at some of the major changes between SharePoint Designer 2007 and SharePoint Designer 2010.

Lessons: Changes

After completing this module, students will be able to:

  • Describe the changes to SharePoint Designer 2010

Module 3: User Interface

In this module we take a look at common features of the basic team site. Throughout this course we will create and manage several different pieces of content and the team site will be our site of choice for doing this! Understanding this site is the center piece of starting your journey of understanding SharePoint and applying it to you everyday life!

Lessons: New SharePoint Features

Lab : SharePoint Designer Interface Explore new interface of SharePoint Designer

  • Review new work areas of Designer
  • Browse Site Pages
  • Browse Master Pages
  • Browse Lists and Libraries
  • Browse Workflows
  • Browse Content Types
  • Browse Data Sources
  • Browse Entities
  • Explore Site Structure

Lab : SharePoint Designer (Basics) Create a new site

  • Create a new page
  • Create a new master page
  • Attach a master page
  • Create a list
  • Change list settings
  • Create Content Type
  • Create/Modify CSS

Lab : SharePoint Designer (Basics) Check-In/Check-Out

  • Add Web Parts
  • Add Web Part Zone
  • Adding Images (_images directory)
  • Reset to Site Definition

After completing this module, students will be able to:

  • Describe the new UI features of the basic team site
  • Log in and out of a site
  • What the Quick Launch bar is
  • Describe the Security Trimmed Interface of SharePoint
  • Know where to create items on a site
  • Find out who has access to a site
  • Understand how to undelete items on a site (recycle bin)

Module 4: Data Views In this module we are going to take a look at Data Views and Data Sources.

Lessons: DataSources and DataViews

Lab : DataViews Create/Manage Data Views

  • Create/Manage Data Sources
  • Merge Two Data Sources
  • Link Two Data Sources
  • Data View Parameters

After completing this module, students will be able to:

  • How to create and use Data Views and Data Sources

Module 5: External Content Types

In this module we are going to take a look at the new Business Connectivity Services (BCS), the replacement/new version of Business Data Catalog (BDC).

Lessons: Business Connectivity Services

Lab : External Content Types Explore External Content Types

  • Create a new External Content Type
  • Create an External List

After completing this module, students will be able to:

  • Understand what BCS is
  • How to create and use Entities with SharePoint Designer

Module 6: Workflows

In this module we are going to take a look at implementing workflows with SharePoint Designer 2010.

Lessons: Workflows

Lab : BuiltInActivities (2007) Use one of each Built-In Activity (2007)

Lab : BuiltInActivities (2010) Use one of each Built-In Activity (2010)

Lab : LoopingWorkflow Create a looping set of workflows

Lab : ReusableWorkflows Create Reusable Workflows (Site/Global)

  • Export a workflow to Visio
  • Import a workflow from Visio
  • Save as Template

Lab : ModifyOOBWorkflow Modify Out Of Box Workflows

  • After completing this module, students will be able to:
  • Build workflows with SharePoint Designer 2010
  • Understand how to edit built in workflows
  • Implement logging in your workflows


Chapter 1: What Is SharePoint Branding?

  • Definition of Branding
  • SharePoint 2010 Versions
  • Types of SharePoint Websites
  • How Branding Works in SharePoint
  • Approaches to Branding in SharePoint 2010

Chapter 2: What’s New in SharePoint 2010

  • Overview of New Features in SharePoint 2010
  • Digital Asset Management
  • Standards Compliance in SharePoint 2010
  • Migrating from SharePoint 2007 to SharePoint 2010

Chapter 3: Planning for Branding

  • Requirements Analysis
  • Common SharePoint Branding Questions
  • Creating Wireframes
  • Creating Realistic Design Comps
  • Converting Design Comps into Working HTML and CSS

Chapter 4: SharePoint Designer 2010 Overview

  • What’s New in SharePoint Designer 2010
  • Branding with SharePoint Designer 2010
  • Modifying CSS
  • Working with Master Pages and CSS
  • Using Views and the XSL T List View Web Part
  • Workflows
  • Connecting to Data Sources
  • Restricting Access to SharePoint Designer

Chapter 5: Simple Branding 101

  • Editing Pages
  • Creating Branded Page Content with the Ribbon
  • SharePoint 2010 Themes
  • Overriding CSS
  • Creating Simple Custom Master Pages

Chapter 6: Working with Navigation

  • Planning Site Navigation
  • Business Requirements
  • Types of SharePoint Navigation
  • Breadcrumb Navigation
  • Navigation Web Parts
  • Metadata Navigation
  • SharePoint Navigation and Multiple Site Collections
  • Working with Navigation in Master Pages
  • Using Non-SharePoint Navigation

Chapter 7: Cascading Style Sheets in SharePoint

  • What Is CSS?
  • Best Practices for CSS
  • CSS in SharePoint

Chapter 8: Master Pages

  • Understanding Master Pages
  • Master Pages in SharePoint
  • Required Placeholders
  • Page Layouts and SharePoint Master Pages
  • Out-of-the-Box Master Pages
  • Applying Master Pages in SharePoint
  • Creating Custom Master Pages
  • Upgrading SharePoint 2007 Master Pages
  • Applying Custom CSS
  • Working with the Ribbon
  • Handling Dialogs and Custom Branding
  • Working with Navigation
  • Search Centers and Minimal.Master

Chapter 9: Page Layouts

  • Understanding Page Layouts
  • Applying Page Layouts to Content
  • Out-of-the-Box Page Layouts
  • Content Types and Site Columns
  • Page Layout Structure
  • Creating Page Layouts
  • Creating a Simple Page Layout with SharePoint Designer
  • Creating a Custom Content Type for Page Layouts

Chapter 10: Web Parts and XSLT

  • What Are Web Parts?
  • Types of Web Parts in SharePoint
  • Adding a Web Part to a Page
  • Using the Content Editor Web Part
  • Using the XSL T List View Web Part
  • Creating a Content Rollup with the Content Query Web Part

Chapter 11: Deploying Branding in SharePoint

  • Introduction to Branding Deployment in SharePoint
  • Customized and Un-customized Files
  • Options for Deploying SharePoint Branding Assets
  • Deploying Un-customized Files Using Features and Solutions
  • Features
  • Solutions
  • Updating the Solution

Chapter 12: Page Editing and the Ribbon

  • Using the Ribbon to Create Consistent Content
  • Adding Custom Styles to the Ribbon
  • Adding Custom Buttons to the SharePoint Ribbon

Chapter 13: Object Model and jQuery

  • Understanding the Client Object Model
  • Objects Supported by the Client Object Model
  • Common List Operations
  • Using jQuery with SharePoint 2010

Chapter 14: Silverlight and SharePoint Integration

  • Silverlight Features
  • Silverlight Tools
  • Out-of-the-Box
  • Silverlight Web Part
  • The Client Object Model
  • Referencing the Client Object Model
  • Reading Lists with the Client Object Model