Branding SharePoint 2013 Sites

Bascom Bridge’s  SharePoint Branding course teaches web designers and advanced SharePoint users how to design individual pages and brand websites in a SharePoint 2013 environment.

BRANDING SHAREPOINT 2013 SITES TRAINING OBJECTIVES

All students will:

• Gain branding, website design, and usability best practices.
• Explore the similarities and differences between Team sites and Publishing sites.
• Learn how SharePoint 2013 processes pages in a SharePoint site by integrating .aspx pages together with master pages and CSS.
• Work with CSS in SharePoint.
• Understand what the Design Manager is and its role in branding SharePoint Publishing sites.
• Customize master pages in a SharePoint 2013 environment.
• Create custom page layouts.
• Use web parts and style them using CSS and XSLT.
• Customize content display in SharePoint 2013 using display templates.
• Implement a responsive design to optimize a SharePoint site across devices.
• Create and apply a customized composed look to a team site.
• Learn advanced publishing features.

BRANDING SHAREPOINT 2013 SITES TRAINING PREREQUISITES

All attendees should have a basic knowledge of HTML and CSS. It is also recommended (but not required) that students have previous experience with SharePoint, working with team sites and/or publishing sites, as well as web design tool such as SharePoint Designer or Dreamweaver.

BRANDING SHAREPOINT 2013 SITES TRAINING MATERIALS

All attendees receive comprehensive courseware covering all subjects in the course.

SOFTWARE NEEDED FOR EACH PC:

• Each student will need a separate environment (either local or virtual) with a full installation of SharePoint Server 2013 (SharePoint Online E3 or E4 works just fine).  We will provide detailed specifications for the student environment, including:
  • 64-bit processor with at least 4 cores
  • At least 24 GB RAM (32 GB or more RAM recommended)
  • SharePoint Server 2013 installed, including a 64-bit Windows Server 2012 operating system and a SQL Server 2012 database, and also client tools such as Internet Explorer, Office 2013, and Visual Studio 2013.
• SharePoint Designer 2013 and Office 2013
• During the process of scheduling the class, we will host a conference call with you to discuss setup options.
• For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor’s screen simultaneously with working on their own.

BRANDING SHAREPOINT 2013 SITES TRAINING OUTLINE

• Introduction
• Branding and Website Design
  • Determining the target audiences
  • Cross-browser compatibility
  • Web designer tools for HTML and CSS
  • Tablets and mobile devices
  • What do you need to know about HTML5?
• SharePoint and Branding Assets Overview
  • SharePoint Site Fundamentals
  • Understanding Team Sites
  • Site Columns and Content Types
  • Understanding Publishing Sites
  • Navigation in a Publishing Site
  • Branding in SharePoint
  • Team Site Design Assets
  • Applying a Composed Look
  • Publishing Site Design Assets
  • Applying a new Master
• Using CSS in SharePoint 2013
  • Quick review of CSS
  • CSS in SharePoint
  • Styling a SharePoint site using a custom CSS file
  • Reverse Engineering HTML and CSS
  • Writing and maintaining CSS for SharePoint
• Introduction to Design Manager
  • Introduction to Design Manager
  • Mapping a drive to a Publishing site
  • Converting HTML pages into Master Pages
  • Working with Design Manager Snippets
  • Other Design Manager Features
  • Design Packages
• Master Pages in SharePoint 2013
  • Master Pages in SharePoint 2013
  • Creating Custom Master Pages
  • Designing your own Starter Master Page
• Page Layouts
  • Overview of Page Layouts
  • Creating Page-derived Content Types
  • Creating Page Layouts with SharePoint Designer
  • Creating Page Layouts with Design Manger
  • Configuring Page Layouts in a Publishing Site
• Web Parts and XSLT
  • Overview of Web Parts in SharePoint 2013
  • The Table of Content Web Part
  • The Summary Links Web Part
  • The Content Query Web Part
  • Customizing Web Part Display using XSLT
• Display Templates in SharePoint 2013
  • World’s Fastest JavaScript Primer
  • Creating a Display Template for a Standard List
  • Display Templates used in SharePoint 2013
  • Using Display Templates with Search Results
  • Using the Content Web Search (CBS) Web Part
• Responsive Design and Device Channels
  • Introduction to Responsive Design
  • Understanding Media Queries
  • Device Channel Configuration for Mobile
  • Customizing Page Layouts with Device Channels
• Composed Looks
  • Anatomy of a Composed Look
  • Modifying a Composed Look
  • Creating an .spcolor file using the Color Palette Tool
  • Creating an .spfont file for a custom Composed Look
  • Creating and Configuring Custom Composed Looks
  • Packaging and Distribution
• Advanced Publishing SharePoint Features
  • Understanding SharePoint SEO Features
  • Adding Multilingual Support using Variations
  • Understanding the Use of Catalog Sites
  • Implementing Cross-site Publishing
• Conclusion