SharePoint Designer 2010 - Customizing and Branding SharePoint 2010

Create a subsite for future labs and add sample lists, libraries and content

Explore items that may benefit from customization

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

Browser Based Customization - Look and Feel

Title, Description and Icon

Site Theme

Navigation

Top Link Bar and Quick Launch Navigation

Links lists and other site navigation

The Content Editor Web Part

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.

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

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 and Office 365

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

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.

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.

Creating lists and libraries and updating their settings

Uploading, managing and deleting library files and folders

Creation and Maintenance of subsites

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 use SharePoint Designer 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.

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.

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

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.

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

HTML Controls

ASP.NET Controls

SharePoint Controls

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.

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

SharePoint Pages

The Home Page

Securing Pages

Creating SharePoint Wiki Pages

Creating SharePoint Web Part Pages

Creating SharePoint Publishing Pages

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.

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

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

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.

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

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

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.

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

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

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.

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.

Data View Web Parts

Moving Beyond Basic List Views

Editing Data View Web Part XSLT

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.

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

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

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.