Share point training branding 2010

SharePoint Training,[object Object],Branding in SharePoint 2010,[object Object]

What is branding?,[object Object],In general, branding is the customization of a site to convey a business’s corporate identity, through use of color, style, and aesthetic.,[object Object],More specifically for SharePoint, branding involves a site’s look and feel, the overall user experience, and how site pages are laid out.,[object Object]

Branding SharePoint,[object Object],Themes,[object Object],Cascading Style Sheets (CSS),[object Object],Master pages,[object Object],Page layouts,[object Object],JQuery and the Client Object Model,[object Object]

Themes apply a color palette across a site,[object Object],Themes files can be exported from Office 2010 and imported into SharePoint,[object Object],Theme colors can be specified via CSS,[object Object],Themes,[object Object],.pageTitle {,[object Object], /* [ReplaceColor(themeColor:"Accent2")] */ ,[object Object], color: #8A2A1C;,[object Object],},[object Object]

Via Alternate CSS,[object Object],Specified in custom master pages,[object Object],Cascading Style Sheets,[object Object],<Sharepoint:CssLinkrunat="server" ,[object Object],DefaultUrl="<% $SPUrl:~SiteCollection/Style ,[object Object], Library/myStyles.css%>"/>,[object Object]

Master pages structure the overall placement of content,[object Object],Content Placeholders allow page layouts to specify content,[object Object],Master Pages,[object Object],http://msdn.microsoft.com/en-us/library/gg430141.aspx,[object Object]

Page layouts map actual content to master page content place holders,[object Object],Page layouts can change styling, omit content, and include web parts,[object Object],Page Layouts,[object Object],<asp:Content,[object Object],ContentPlaceHolderId="PlaceHolderPageImage" ,[object Object],runat="server">,[object Object],<imgsrc=“/_layouts/images/blank.gif" ,[object Object], width="1" height="1" alt="" />,[object Object],</asp:Content>,[object Object],<asp:ContentContentPlaceHolderId=“,[object Object],PlaceHolderBodyAreaClass" runat="server">,[object Object], <style type="text/css">,[object Object], .ms-bodyareaframe {,[object Object], padding: 0px;,[object Object], },[object Object], </style>,[object Object],</asp:Content>,[object Object]

Custom master page,[object Object],Remove the site logo,[object Object],Add custom background image to title header,[object Object],Set width of left side bar,[object Object],Hands-on Branding,[object Object]

Remove the site logo,[object Object],Set width of left side bar,[object Object],Hands-on Branding,[object Object],<td class="s4-titlelogo“ style=“display:none;”>,[object Object], <SharePoint:SPLinkButtonrunat="server" NavigateUrl="~site/" ,[object Object], id="onetidProjectPropertyTitleGraphic">,[object Object], <SharePoint:SiteLogoImagename="onetidHeadbnnr0" id="onetidHeadbnnr2" ,[object Object],LogoImageUrl="/_layouts/images/siteIcon.png" runat="server" CssClass="hidden"/>,[object Object],Add custom background image to title header,[object Object],<div class="header-Background" />,[object Object], <div class="s4-title s4-lp ribbon-background">,[object Object], <div class="s4-title-inner">,[object Object],body #s4-leftpanel { width: 240px; float: left; },[object Object],.s4-ca { margin-left: 250px; },[object Object]

Share point training branding 2010

Share point training branding 2010

Recommended

More Related Content

Similar to Share point training branding 2010

Similar to Share point training branding 2010(20)

Recently uploaded

Recently uploaded(20)

Share point training branding 2010