Skip Navigation LinksCritical Path Training > Courses > SharePoint Brand Camp 2010 Agenda

Skip navigation links
Developer Courses
Developing Publishing Sites with SharePoint 2007 WCM
Developing Publishing Sites with SharePoint 2007 WCM Webcast
Developing SharePoint Workflow Templates with Visual Studio
Developing SharePoint Workflow Templates with Visual Studio Webcast
Developing Solutions with SharePoint 2010 Webcast
Developing Solutions with SharePoint 2007
Developing Solutions with SharePoint 2007 Webcast
ECM with SharePoint 2007
ECM with SharePoint 2007 Webcast
Inside Windows SharePoint Services 3.0
Inside Windows SharePoint Services 3.0 Webcast
The Great SharePoint Adventure
The Great SharePoint Adventure 2010
The Great SharePoint Adventure 2010 Roadshow
Information Worker Courses
Building Enterprise Solutions with SharePoint 2007
Building Enterprise Solutions with SharePoint 2007 Webcast
Business Users Guide to SharePoint 2007
Business Users Guide to SharePoint 2007 Webcast
Creating No-Code SharePoint Designer Solutions for SharePoint 2010
Creating No-Code SharePoint Designer Solutions for SharePoint 2010 Webcast
SharePoint 2010 for End Users Webcast
SharePoint 2010 for Power Users
SharePoint 2010 for Power Users Webcast
SharePoint 2010 for Site Collection Administrators Webcast
Site Collection Owner
Building Enterprise Solutions with SharePoint 2007
Building Enterprise Solutions with SharePoint 2007 Webcast
Creating No-Code SharePoint Designer Solutions for SharePoint 2010
Creating No-Code SharePoint Designer Solutions for SharePoint 2010 Webcast
SharePoint Planning and Governance
SharePoint Planning and Governance Webcast
Admin / IT Pro Courses
Pro SharePoint 2010 for Administrators Webcast
Pro SharePoint 2007 Admin
Pro SharePoint 2007 Admin Webcast
SharePoint 2010 Administrators Survival Camp
SharePoint Administrators Survival Camp
SharePoint Planning and Governance
SharePoint Planning and Governance Webcast
Designer Courses
SharePoint 2010 for Web Designers Webcast
SharePoint Brand Camp
SharePoint Brand Camp for SharePoint 2010
SharePoint Brand Camp Webcast

SharePoint Brand Camp for SharePoint 2010

 

Class runs Monday - Wednesday from 9:00 AM to 5:00 PM.
Class runs Thursday from 9:00 AM to 3:00 PM.

Lecture Schedule:

  • Day 1: Modules 1-3
  • Day 2: Modules 4-6
  • Day 3: Modules 7-9
  • Day 4: Modules 10-12
 

Class Detailed Agenda

Module 1 - Introduction to SharePoint Branding  

This introductory lecture provides an overview for Web designers beginning to work in a SharePoint 2010 environment. There will be a quick review of SharePoint terminology and architecture in which students will be introduced to essential SharePoint design concepts such as site collections, master pages, the Master Page Gallery and the Style Library. The lectures concludes with a discussion which highlights the similarities and differences between Team Sites and Publishing Sites from the perspective of a Web designer who is working on a custom branding project.

  • SharePoint Branding Overview
  • SharePoint 2010 Architecture
  •  Introduction to SharePoint Designer 2010
  • Anatomy of a Team Site
  • Anatomy of a Publishing Portal

Module 2 - CSS Primer for SharePoint Web Designers 

This lecture begins with a discussion of HTML DOCTYPES used in SharePoint 2010 and provides a quick review session covering the syntax for creating and applying CSS rules. Emphasis is given to using modern CSS styling to layout Web pages with floating div elements and to control scrolling. This lecture discusses how SharePoint 2010 integrates a CSS file named corev4.css to provide a common set of CSS rules behind every page in SharePoint 2010 and teaches you the options you have for providing your own custom CSS rules which override and extend the CSS rules inside corev4.css. The lecture concludes with a discussion of how themes are implemented in SharePoint 2010 and discusses the limitations that prevents themes from providing an effective approach for creating a reusable branding solution.

  • Why CSS?
  • Review of CSS Fundamentals and Syntax
  • Tools for discovering CSS class names
  • Using CSS in SharePoint 2010
  • Themes in SharePoint 2010

Module 3 - Creating a Web Site Design 

This lecture begins by examining the essential questions must be asked at the start of any SharePoint 2010 branding project such as what will be the target screen resolution and which browsers will be supported and need to be integrated into the testing phase. The lecture will also cover the why and how of creating important design documents such as wireframes and design comps. There will also be a discussion of using slices in a professional design tool such as Adobe Photoshop or Microsoft Expression Design to generate image files that will be used to implement the final Web site design. The lecture concludes with a discussion of how to create an initial page layout using HTML and CSS that meets the requirements of your project.

  • Project Planning
  • Creating a Wireframe
  • Creating Design Comps
  • Using Slices to Create Web-ready images
  • Moving the Design into HTML and CSS

Module 4 - Customizing Master Pages  

This lecture begins by reviewing the ASP.NET syntax required to work with master pages and by examining the full list of the 34 placeholders controls defined in the standard master pages such as v4.master. There will be a walkthrough of the standard master page named v4.master from top to bottom in which you will learn about the built-in SharePoint controls that are used to link to CSS files and JavaScript files and to provide essential aspects of the SharePoint user interface such as the three common navigation controls. The lecture concludes with a  demonstration of how to reconfigure the master page for a Team Site and to customize this master page using SharePoint Designer 2010 to create a design with a fixed page width.

  • ASP.NET Syntax for Master Pages
  • The Master Page Gallery
  • Customizing a Master Page using SharePoint Designer 2010
  • Walkthrough of the essential controls and placeholders in v4.master
  • Understanding the purpose of delegate controls in master pages
  • Changing and customizing a site's master page with SharePoint Designer 2010

Module 5 - Creating a Custom Master Page 

This lecture discusses how to design and implement custom master pages by beginning with a minimal starter master page. You will learn about the essential placeholders and SharePoint controls that must be added to any master page running in a SharePoint 2010 environment and the instructor will demonstrates how to integrate these controls into a custom page design. The lecture also discusses the best practice of placing certain navigation controls inside delegate controls to ensure your custom master pages work equally well in Team sites as well as Publishing sites.

  • Creating a Starter Master Page for SharePoint 2010
  • Adding a Custom Master Page to the Master Page Gallery
  • Configuring a Site to use a Custom Master Page
  • Implementing and Testing a Design
  • Custom Navigation in Master Pages

Module 6 - Designing a Publishing Site 

The lecture focuses on the Web Content Manage (WCM) features offered by Publishing Sites in SharePoint Server 2010. You will learn how Publishing sites provide extended functionality for content authoring, content approval, site branding and overall page design using Publishing page. There will be a discussion about information architecture and designing a taxonomy of sites which makes it easier for users to search for and navigate to the information they need. The lecture will also demonstrate how to leverage the built-in support in Publishing sites for uploading and integrating custom master pages and CSS files and for tuning the navigation settings on a site-by-site basis.

  • Introduction to Publishing Sites
  • Publishing Site Taxonomy
  • Adding Pages and Sites
  • Configuring a Custom Master Page
  • Customizing Navigation

Module 7 - Designing Page Layouts 

This lecture steps through the process of designing and implementing page layouts from start to finish. You will learn about the fundamentals of creating site columns and content types and discover how to leverage the useful site columns and content types provided by the Publishing features of SharePoint Server 2010. You will also learn essential techniques in SharePoint Designer 2010 for creating and implementing custom page layouts such as creating field controls by dragging and dropping site columns from the toolbox. This lecture also discusses configuring Publishing sites  to enable and disable the use of specific page layouts and site templates and demonstrates techniques for designing page layouts with Web Part Zones for scenarios where it makes sense to allow users to add Web Parts to Publishing pages.

  • Page Layouts Overview
  • Site Columns and Content Types
  • Creating a new Page Layout with SharePoint Designer 2010
  • Configuring Page Layouts and Site Templates
  • Using Web Part Zones to Enable Adding Web Parts to Publishing Pages

Module 8 - Working with XSLT in SharePoint 2010  

This lecture takes the practical approach of teaching you what you need to know about XSLT to become proficient with using this technology in a SharePoint 2010 environment. The lecture begins by explaining the basic concepts and syntax required to write and test simple XSL transforms. Next, you will learn about the various places XSLT can be used in SharePoint 2010 and you will discover how to customize the XSLT code used behind the XML Viewer Web Part and the Core Search Results Web Part. The lecture ends with a demonstration of leveraging the productivity of the XSLT List View Web Part together with the visual XSLT designers provided by SharePoint Designer 2010.

  • World's Fastest Introduction to XSLT
  • Writing and Testing XSLT Code
  • Overview of XSLT use in SharePoint 2010
  • Using Custom XSLT files with the XML Viewer Web Part
  • Formatting Search Results using XSLT
  • Working with the XSLT List View Web Part

Module 9 - Working with JavaScript in SharePoint 2010  

This lecture provides a quick review of the fundamental concepts of JavaScript programming including creating anonymous functions and creating JavaScript objects with object initialization syntax. There will also be a quick primer on using the DOM to access and manipulate elements on an HTML page. The heart of the lecture focuses on the reusable JavaScript libraries that are built-in to the SharePoint 2010 environment including ASP.NET AJAX and the SharePoint 2010 JavaScript Class Libraries. You will learn best practice programming techniques for registering client-side event handlers, executing AJAX requests across the network and using model dialogs to interact with users.

  • JavaScript Programming Fundamentals
  • Writing JavaScript code behind SharePoint site pages
  • Programming with the Document Object Model (DOM)
  • Leveraging the ASP.NET AJAX Library
  • Programming with the SharePoint 2010 JavaScript Class Libraries
  • Programming User Interaction with JavaScript and Modal Dialogs

Module 10 - Integrating jQuery into a SharePoint 2010 Site 

This lecture introduces the fundamental concepts and programming syntax required to get up and running with jQuery . You will learn how to call the jQuery function with various types of selectors to retrieve wrapped sets of HTML elements so you can manipulate their properties such as their contents, position and their CSS styles. The lecture discusses how to register client-side event handlers the jQuery way focusing techniques that result in less code. The lecture also includes coverage of advanced jQuery topics such as executing AJAX calls across the network and leveraging the jQuery UI library to build custom jQuery themes and to leverage advanced jQuery UI controls such as the Accordion component and the Tabs component.

  • jQuery Programming Fundamentals
  • Understanding jQuery Selectors
  • Using jQuery to Register Event Handlers
  • Using jQuery Support for Executing AJAX Requests
  • Using jQuery UI controls such as the Accordion component and the Tabs component

Module 11 - Migration and Visual Upgrade 

This lecture takes a deep dive into the internals of the Visual Upgrade feature of SharePoint 2010 to provide a solid understanding of what happens when migrated sites run in either of the two supported user interface modes. The lecture begins by discussing the critical aspects of the SharePoint 2007 user interface that are carried forward to SharePoint 2010 so that migrated sites can continue to run using the older 2007 user interface. The lecture also discusses how to migrated sites can be upgraded to use the new user interface mode and goes into detail about exactly what happens behind the scenes when switching from one mode to another. Emphasis in this lecture is given to teaching Web designers and developers what is required when updating SharePoint 2007 branding project and migrating custom content to the SharePoint 2010 environment.

  • Motivation for Visual Upgrade
  • The Inner Mechanics of Visual Upgrade
  • Switching Between UI Version Modes
  • Managing the Visual Upgrade Process
  • Updating SharePoint 2007 Branding Projects
  • Refactoring Custom HTML into v3 Sections and v4 Sections

Module 12 - Deployment using Features and Solution Packages  

This lecture takes what you have learned in earlier lectures and shows you how to package your custom branding files in a more reusable fashion using solution packages. More specifically, you will learn how to create custom branding solutions that are reusable, version-able and instantly deployable in any SharePoint 2010 environment. The lecture will demonstrate how to create SharePoint projects in Visual Studio 2010 that include features and template files to deploy custom master pages, CSS files and page layouts within the scope of a target site collection. You will also learn how to add custom C# code to a feature receiver and to program using the SharePoint server-side object model so can create features which automatically configure all the sites within a site collection to use one of your custom master pages upon feature activation.

  • Understanding Features and Solution Packages
  • Solution Deployment using farm solutions versus sandboxed solutions
  • Developing a SharePoint solution using Visual Studio 2010
  • Creating a Custom Branding Solution to Deploy Custom Master Pages and CSS files
  • Creating a Custom Solution to Deploy Site Columns, Content Types and Page Layouts

 
© Critical Path Training. 2012. All Rights Reserved.
Contact Us | (866) 475-4440