Skip to content
ictcLogo
  • About
  • Training
  • Learning Paths
  • Training Center
  • News
  • Contact
Menu
  • About
  • Training
  • Learning Paths
  • Training Center
  • News
  • Contact
Microsoft

Course 55010-A: SharePoint Designer 2010 – Customizing and Branding SharePoint 2010

  • Duration: 3 days
  • Job Role: Developer

Course 55010-A: SharePoint Designer 2010 – Customizing and Branding SharePoint 2010

Share This Learning Path

Need more info? Contact us

This three-day instructor-led course provides students with the knowledge and skills to quickly make a SharePoint site your SharePoint Site. While focused on SharePoint Designer, this class covers the SharePoint customization, in particular, customization that can be done without custom code or SharePoint server access. This includes browser based customization, SharePoint Designer customization, InfoPath form customization and the Data View and Content Editor web parts. Topics include how to customize navigation, themes, and master pages and how to get a start on branding. Also covered are how do customize the display of lists and libraries and how to connect data external to your site. Note: This class does not cover workflows.

Audience Profile

This course is intended for Site Owners and administrators who need to know how to use SharePoint Designer 2010 to customize SharePoint 2010 and SharePoint Online/Office 365 sites. This class is also for the graphics designer who needs to know the right ways to change SharePoint without breaking SharePoint. And, this class is for developers who don’t want to “reinvent the wheel” and need to know when SharePoint Designer should be used and when Visual Studio should be used. This class is an excellent prerequisite for formal branding classes.

Prerequisites

  • Have a strong background in SharePoint 2010 as both an end user and as a Site Owner or Site Collection Administrator.
  • Know how to create subsites, create custom lists, add custom columns and create views.
  • Have basic skills in HTML and CSS.
  • A basic knowledge of JavaScript is helpful.

Course outline

Module 1: SharePoint Customization

Module Overview

This module provides an introduction to the topics covered in the class, defines the roles of customizers, defines the terminology used in the class and introduces the customization tools.

Lessons

Who is this class for ?
Why Do You Customize ?
Customization Options
Who Customizes ?
What about your SharePoint Governance Plan ?
SharePoint Customization Tools
SharePoint Architecture

Lab Sessions

Create the lab subsite

Lab Lessons

Explore the lab environment
Create a subsite for future labs and add sample lists, libraries and content
Explore items that may benefit from customization

After completing this module, students will be able to:

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

Module 2: A Review of Browser Based Customization

Module Overview

This module explains how to use the browser based customization features and how to not “reinvent the wheel”.

Lessons

Browser Based Customization – Look and Feel
Title, Description and Iocn
Site Theme
Navigation
Top Link Bar and Quick Launch Navigation
Links lists and other site navigation
The Content Editor Web Part

Lab Sessions

Browser Based Customization

Lab Lessons

This lab is a review and refresher on the built-in “browser based” customization points available in SharePoint.
Changing the site title and icon
Customizing the site’s navigation
Explore uses of the Content Editor Web Part

After completing this module, students will be able to:

Perform common browser based site customizations.

Module 3: SharePoint Designer Overview

Module Overview

This module introduces SharePoint Designer 2010 and explores its integration with SharePoint.

Lessons

Overview
Launching SharePoint Designer
Opening a Site from Site Actions or the Ribbon
Opening a Site from the Windows Start Button
Connecting to Remote Sites
Possible Connection Errors
SharePoint Designer Navigation
Quick Access Toolbar
SharePoint Components and Structure
Rolling back changes
Keeping in Sync While Working in Both Designer and the Browser

Lab Sessions

Exploring SharePoint Designer

Lab Lessons

Launching SharePoint Designer
Opening Sites
Exploring the Ribbon and Panes
Editing a Page

After completing this module, students will be able to:

Launch SharePoint from Windows or a SharePoint Site.
Configure SharePoint Designer Options.
Navigate site content.
Edit a SharePoint page.

Module 4: SharePoint Administration

Module Overview

This module reviews the site administration features of SharePoint Designer. SharePoint Designer has become more than a page editor. Today you can do almost all of the site administration normally done in the browser from within SharePoint Designer.

Lessons

Creating lists and libraries and updating their settings
Uploading, managing and deleting library files and folders
Creation and Maintenance of subsites

Lab Sessions

Working with Lists and Libraries

Lab Lessons

Creating new lists and libraries
Working with list and library properties
Working with library content
Working with Content Types and Site Columns
Creating subsites

After completing this module, students will be able to:

Create new lists and libraries.
Work with list and library properties.
Work with library content.
Work with Content Types and Site Columns.
Create subsites.

Module 5: How SharePoint uses HTML, CSS and JavaScript

Module Overview

This module explains how SharePoint is built from HTML, CSS and JavaScript and how pages are built using Master Pages, content pages, ASP controls and SharePoint Controls. This module also introduces CSS and JavaScript customizations.

Lessons

How HTML is used in SharePoint
Master Pages vs. Content Pages
HTML vs. SharePoint and ASP.Net Controls
How JavaScript is used in SharePoint
SharePoint’s JavaScript Libraries
Adding Your Own Custom JavaScript
How CSS is used in SharePoint
Where to Store Your Custom CSS File
Exploring SharePoint CSS
Tools to Explore HTML and CSS
Examples of using CSS

Lab Sessions

HTML, CSS and JavaScript

Lab Lessons

Using SharePoint Designer’s HTML editor
Adding Custom CSS to a Master Page
Adding Custom JavaScript to a Content Page
Using Browser Developer Tools

After completing this module, students will be able to:

Explore and edit HTML using SharePoint Designer.

Module 6: How SharePoint Uses ASP.NET and SharePoint Controls

Module Overview

This module explains how SharePoint uses ASP and SharePoint controls to build navigation and general SharePoint Content.

Lessons

HTML Controls
ASP.NET Controls
SharePoint Controls

Lab Sessions

Using ASP.NET and SharePoint Controls

Lab Lessons

Using the ASP.NET AdRotator control
Using and styling the asp:Menu control
Using Sharepoint:SPSecurityTrimmedControl

After completing this module, students will be able to:

Add and configure common HTML controls.
Add and configure supported ASP.Net controls.
Add and configure SharePoint controls.

Module 7: Creating and Customizing Pages

Module Overview

This module explores how to create and use Wiki pages, Web Part pages and Publishing pages.

Lessons

SharePoint Pages
The Home Page
Securing Pages
Creating SharePoint Wiki Pages
Creating SharePoint Web Part Pages
Creating SharePoint Publishing Pages

Lab Sessions

Creating and Using SharePoint Pages

Lab Lessons

Creating SharePoint Wiki Pages
Creating SharePoint Web Part Pages
Creating SharePoint Publishing Pages

After completing this module, students will be able to:

Create SharePoint Wiki Pages.
Create SharePoint Web Part Pages.
Create SharePoint Publishing Pages.

Module 8: Content Editor Web Part

Module Overview

This module explains how to using the Content Editor Web Part to display text and to embed HTML, CSS and JavaScript.

Lessons

The Content Editor Web Part
Using a Content Editor Web Part for Formatted Text
Reusing a Content Editor Web Part
Using a Content Editor Web Part for HTML, CSS and JavaScript

Lab Sessions

The Content Editor Web Part

Lab Lessons

Adding and Reusing a Content Editor Web Part
Adding HTML, CSS and JavaScript using a Content Editor Web Part

After completing this module, students will be able to:

Create, use and reuse a Content Editor Web Part to display text and to embed HTML, CSS and JavaScript.

Module 9: Customizing SharePoint Navigation

Module Overview

This module explains how to customize SharePoint navigation, including Quick Launch and Tree View tricks.

Lessons

Navigation in SharePoint
Hide Content Based on User Permissions
The Quick Launch Area
Quick Launch Customization:
Creating “Flyout” menus
Styling Quick Launch
Tree View Customization:
Control what is displayed in the Tree View
Change the Site Content Link
Styling the Tree View
And more…
Creating a Static Menu That Looks Like a SharePoint Menu

Lab Sessions

Customizing SharePoint Navigation

Lab Lessons

Customizing Quick Launch
Customizing the Tree View

After completing this module, students will be able to:

Customize the display of Quick Launch.
Control what is displayed in a Tree View.

Module 10: SharePoint Master Pages and an Introduction to Branding

Module Overview

This module explores the use of master pages in SharePoint sites and explains how to customize and create new master pages.

Lessons

Master Pages in SharePoint
Master Pages vs. Themes
Out of the Box Master Pages
Uploading and Using Master Pages
Master Page Placeholders
Starter Master Pages
What is Branding?
Creating a New Master Page from a Starter Master Page

Lab Sessions

Master Pages

Lab Lessons

Exploring Master Pages and Placeholders
Adding Content Pages
Switching Master Pages
Uploading and Applying Master Pages
Creating a New Master Page

After completing this module, students will be able to:

Select and apply a master page.
Upload master pages.
Create new master pages.

Module 11: Data View Web Part - Creating Custom Views

Module Overview

This module explains how to use SharePoint Designer Data View Web Parts to create views and reports of SharePoint data beyond what is possible with out of the box views.

Lessons

Data View Web Parts
Moving Beyond Basic List Views
Editing Data View Web Part XSLT

Lab Sessions

Data View Web Part Custom Views

Lab Lessons

Create a Data View to color highlight a task list
Create a Data View to group more than three levels
Create a Data View with custom XSLT

After completing this module, students will be able to:

Use Data View Web Parts to create custom views of SharePoint lists.

Module 12: Working with External Data

Module Overview

This module explains how to create Data View Web Parts to access data external to a SharePoint Site.

Lessons

Accessing External Data
SharePoint Designer Data Sources
Connecting to Lists in Another Site
Creating a Data View for a Custom External RSS Feed
Displaying Data from an XML File

Lab Sessions

Creating Data View Web Parts

Lab Lessons

Using Data Views for SharePoint Lists
Using Data Views for RSS Feeds
Using Data Views to Display XML Files

After completing this module, students will be able to:

Display data external to a SharePoint site by using a Data View Web Part.

Book Your Seat​

Find Learning Paths​

  • Search Paths

  • Vendors

Latest Learning Paths​

Microsoft

Course MB-920T00-A: Microsoft Dynamics 365 Fundamentals (ERP)

  • Dynamics-365
  • Beginner

Microsoft

Course PL-600T00-A: Power Platform Solution Architect

  • Power-Platform
  • Advanced

Microsoft

Course 20703-1-B: Administering System Center Configuration Manager

  • Windows
  • Advanced

Join our community of certified professionals

Sign Up to our newsletter, and stay always up to date with latest IT certifications

About Us

ICTC is the leader in technical certification courses and exams. Our labs consist of a latest tech PCs and our instructors are certified from each vendor

Facebook Linkedin

Learn

View all the provided certifications and there relevant courses. Book online for a certification exam.

Explore

Contact Us

  • +30 211 500 29 00
  • info@ictc.gr
  • Lagoumitzi 24, Kallithea
ictcLogo

International Computer Training Center

  • Copyright reserved to ICTC
  • Proudly Crafted by GTP Works

Copyright reserved to ICTC. Proudly Crafted by GTP Works

Choose how to get more info...

Give as a call

211 500 2 900

Let us, call you

Send us an email

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy