Use SharePoint’s branding capabilities to make SharePoint look less ‘SharePoint-y’. Compelling and user friendly interface of your SharePoint solution is one of the key factors in successful adoption of your intranet or internet site. The set of videos here will give you a solid understanding on how you can improve user interface and brand your site with visual elements you have seen online or have been provided by a professional design team.
This video series is meant for users and user interface developers with existing knowledge of CSS and will bridge anything else you will need to successfully apply your existing branding skills to SharePoint.
| Target Audiences: Designers, SharePoint Site Administrators, Power Users, Developers
SharePoint 2010 Branding Training Course Resource files |
 Content Author: Yaroslav Pentsarskyy |
Note: The links in paragraphs below lead to videos in this course
Compelling and user friendly interface of your SharePoint solution is one of the key factors in successful adoption of your intranet or internet site. The set of videos you are about to dive into will give you a solid understanding on how you can improve user interface and brand your SharePoint site with visual elements you have seen online or have been provided by a professional design team.
We start with using out-of-the-box themes and leveraging Microsoft Office 2010 features to create simple SharePoint themes. Having basics covered, we look at how you can make more advanced changes to the site look and feel using custom style sheets. When it comes to changing the structure of your SharePoint site pages, master pages are the crucial starting point; we’ll learn all about master pages and their role in user interface development. As we move on to more specific branding customizations needed on the page, we see how you can modify the look of pages and out-of-the-box web parts on the site.
Interaction features on the page are almost a must these days. We’ll learn all about using JavaScript to make your site more interactive. As we learn all about branding SharePoint team sites, let’s not forget about branding SharePoint publishing sites and search sites. In this series, we dedicate separate attention specifically to branding and modifying your search results and search sites. We also learn all about customizing page layouts and apply those customizations to pages on the site.
As you work with more complex SharePoint sites, it’s crucial to be aware of the power you gain with using third party branding controls. In here, we learn all about using third party branding controls and integrating them into your SharePoint solution.
Lastly, browser compatibility deserves separate attention to help you design sites which look consistent across multiple browsers. We look at tools and strategies for user interface development for multiple browsers.
| SP 303 – SharePoint Branding: Brand and Enhance User Interfaces of SharePoint 2010 | |||
|---|---|---|---|
| Level: Advanced Available on dvd Approx Time: 2 hrs | |||
| Title | Abstract | Duration (mm:ss) | |
| Creating basic SharePoint 2010 themes | Out-of-the-box SharePoint 2010 site doesn’t have to look plain and with a default color scheme. Learn how you can apply more compelling look and feel to an existing SharePoint 2010 site just by using Office 2010 tools with no code at all. | 9:33 | |
| Creating extended SharePoint 2010 themes | When your site requires more unique look and feel you can use powerful SharePoint 2010 theme engine to translate complex transformations into a simple implementation. Learn how you can re-color images used on the site to match the rest of your theme with no code at all apart from CSS. We’ll also cover how you can rollback and apply new changes to the look and feel of the site just by using out-of-the-box tools. | 13:26 | |
| Essential site branding: working with Master pages | When compelling site design vision calls for structural changes on pages, SharePoint 2010 masterpage is the best mechanism to implement your vision. In this video, learn how you can apply unique site branding and style to an out-of-the-box theme site instantly transforming its look and feel as you go along. | 18:48 | |
| Modifying the look and feel of site pages | Main content of your SharePoint 2010 site pages makes up for 80% of what your users are interacting with. Making that content fit in with the rest of the site branding is easier than you think. In this module, learn how you can apply branding to list views and generic page content by using SharePoint Designer 2010. | 13:15 | |
| Branding out of the box web parts | Any SharePoint page your users will look at will contain several web parts. By applying branding to out-of-the-box web parts, you can ensure consistent experience on the sub-sites and pages without having to modify individual instance of those. Learn how to apply your custom look and feel to some of the most common SharePoint 2010 web parts. | 11:30 | |
| Adding interaction to SharePoint pages using JavaScript | Client side interaction on your SharePoint 2010 site will make all the difference between perceiving your site as plain and static or feature rich and user friendly. In this module, we’ll take a look at how you can add additional interaction to your site using JavaScript and jQuery libraries. | 11:58 | |
| Branding search pages | Do you have all of the necessary tools on the SharePoint 2010 search page to make it easier to find items and navigate around the site? Take a look at how little effort is required to make your SharePoint 2010 site more user friendly by using out-of-the-box controls and JavaScript. | 11:14 | |
| Branding SharePoint publishing sites | Apart from team sites, your corporate intranet may be using SharePoint publishing infrastructure. Learn some of the key differences when it comes to branding publishing sites. In here, we’ll cover branding page layouts and page instances which use layouts. | 14:13 | |
| Branding sites for multiple browsers | Do you know how your SharePoint site looks like on some of the other key browsers? Despite your best efforts, your users may have a completely different opinion on the look and feel of your site just because they are using a browser which doesn’t recognize your custom branding. Learn how you can make your site render as similar as possible in other browsers without disturbing the functionality for the rest of the users using your primary supported browser. | 13:39 | |
| Using third party controls for site branding | In many cases, third party user controls will let your SharePoint site look and function better. In this module, see exactly what involved in integrating third parting user interface controls into your site and how those can be connected to the functionality available in your SharePoint site. We’ll look at using custom navigation control for your SharePoint 2010 site navigation. | 12:16 | |