Sharepointmn

2. Agenda Quick Intro What is Branding? OOB Branding on SharePoint Advanced Branding Break Branding Techniques and Samples Q&A and Giveaway

3. User Group Goal / Objectives Develop and support a local community focused on Microsoft SharePoint Technologies Educate user group members about SharePoint Technologies Transfer knowledge within the community Communicate best practices Introduce new products / solutions

4. Introductions – MNSPUG Sponsors Inetium (www.inetium.com) Twin Cites based Microsoft consulting company Microsoft Gold Certified Partner Practice Area focused on Information Worker Technologies New Horizons – Minnesota (www.newhorizonsmn.com) Microsoft Gold Certified Partner Training on many technologies Microsoft (www.microsoft.com) I’m guessing you’ve heard of them

5. www.sharepointmn.com Website for user group SharePoint resource documents SharePoint resource websites links RSS Feeds Meeting Schedule Past User Group Presentations

6. Upcoming Schedule Next Meeting Oct 10th 9:00 AM to 11:30 AM Microsoft’s Bloomington Office Topics: Microsoft’s Bob Sutton Composite Applications and SharePoint Designer Ongoing Schedule 2nd Wednesday of every month 9:00 to 11:30 am Microsoft’s Bloomington Office

7. First half of meeting is an overview; useful for marketers, designers, architecture, etc. Second half will be demonstrations, geared towards web designers, developers, etc. First half of meeting is an overview; useful for marketers, designers, architecture, etc. Second half will be demonstrations, geared towards web designers, developers, etc.

8. When applying a corporate brand to a Web presence, it is not realistic to expect that a print style guide will translate directly to an HTML interface You want to know your audience Fulfill their expectation of you Audience's interpretation of their experience with you Your relationship with your audience Your Reputation Their Needs Nearly 80% of your audiences use the Internet to research products or services before making a decision. SP is a interactive (vs monologue) experience Keywords; i.e., Inetium is "approachable“ Audience targeting Blogs RSS feeds When applying a corporate brand to a Web presence, it is not realistic to expect that a print style guide will translate directly to an HTML interface You want to know your audience Fulfill their expectation of you Audience's interpretation of their experience with you Your relationship with your audience Your Reputation Their Needs Nearly 80% of your audiences use the Internet to research products or services before making a decision. SP is a interactive (vs monologue) experience Keywords; i.e., Inetium is "approachable“ Audience targeting Blogs RSS feeds

9. Challenges of Branding SharePoint Consistency Audience expectations Audience needs Internal buy-off of SharePoint Security; anonymous access vs. forms authorization Where do I get started? Blogs Websites Books on branding and SharePoint (they’re starting to be available) Internal buy-off; can go through a lot of hoops to get execs to accept SharePoint solution You want to know your audience Fulfill their expectation of you Audience's interpretation of their experience with you Your relationship with your audience Your Reputation Their Needs Nearly 80% of your audiences use the Internet to research products or services before making a decision. SP is a interactive (vs monologue) experience Keywords; i.e., Inetium is "approachable“ Audience targeting Blogs RSS feeds Internal buy-off; can go through a lot of hoops to get execs to accept SharePoint solution You want to know your audience Fulfill their expectation of you Audience's interpretation of their experience with you Your relationship with your audience Your Reputation Their Needs Nearly 80% of your audiences use the Internet to research products or services before making a decision. SP is a interactive (vs monologue) experience Keywords; i.e., Inetium is "approachable“ Audience targeting Blogs RSS feeds

10. There is an accessibility toolkit that is being developed. Will be available around the end of this year. SEO – might want to start from a minimal master page; gets complicated using WCM Validation – code compliance; meets a certain set of standards (SPD can validate your code)There is an accessibility toolkit that is being developed. Will be available around the end of this year. SEO – might want to start from a minimal master page; gets complicated using WCM Validation – code compliance; meets a certain set of standards (SPD can validate your code)

11. SharePoint can be the central platform used for all of these Has the capabilities to serve all of these needs in an integrated environmentSharePoint can be the central platform used for all of these Has the capabilities to serve all of these needs in an integrated environment

12. Just a couple of samples of public-facing web sites. Doesn’t have to look SharePoint-y. Incorporate flash, etc. International tool.Just a couple of samples of public-facing web sites. Doesn’t have to look SharePoint-y. Incorporate flash, etc. International tool.

13. SharePoint as a Platform SharePoint enables you to incorporate your brand throughout. Intranet and Extranet don’t focus as much on user experience, but… Everything is a family Everything incorporates elements of what your audience is expectingSharePoint enables you to incorporate your brand throughout. Intranet and Extranet don’t focus as much on user experience, but… Everything is a family Everything incorporates elements of what your audience is expecting

15. V3’s capabilities are much richer.V3’s capabilities are much richer.

16. Audience targetingEnables use of Web Part pages, Web Parts, and content to target distribution lists and groups in addition to SharePoint audiences Site ManagerManage a SharePoint site’s navigation, security access, and general look and feel using this easy drag-and-drop tool. Portal site templatesPreconfigured templates streamline creating, customization, and deployment of divisional portals, organization-wide intranet portal sites, and corporate Web sites. Business document workflow supportAutomate document review, approval, signature collection, and issue tracking using workflow applications.WYSIWYG Web content editorExtends the SharePoint user interface with additional commands and status indicators for in-context Web page authoring.Audience targetingEnables use of Web Part pages, Web Parts, and content to target distribution lists and groups in addition to SharePoint audiences Site ManagerManage a SharePoint site’s navigation, security access, and general look and feel using this easy drag-and-drop tool. Portal site templatesPreconfigured templates streamline creating, customization, and deployment of divisional portals, organization-wide intranet portal sites, and corporate Web sites. Business document workflow supportAutomate document review, approval, signature collection, and issue tracking using workflow applications.WYSIWYG Web content editorExtends the SharePoint user interface with additional commands and status indicators for in-context Web page authoring.

17. If print designers are not experienced in designing for Web interfaces, an overview of HTML as a design medium will prevent what can become significant design disconnects later on in the project. For a public facing site, the first two items is where you'd spend the most time; For an extranet or intranet, then you'd spend the most time on the next two items. If print designers are not experienced in designing for Web interfaces, an overview of HTML as a design medium will prevent what can become significant design disconnects later on in the project. For a public facing site, the first two items is where you'd spend the most time; For an extranet or intranet, then you'd spend the most time on the next two items.

18. Inetium keywords: Accomplished, approachable, ingenuity, propelling, valuable, inspiredInetium keywords: Accomplished, approachable, ingenuity, propelling, valuable, inspired

19. Mention that there are other master page templates available for downloading A demo on next slide; will be more demonstrations of editing master pages after the breakMention that there are other master page templates available for downloading A demo on next slide; will be more demonstrations of editing master pages after the break

20. Demo: Choose a different master page Change logo (Fabrikam_logo.gif) Apply theme Modify navigation (only MOSS)     Notes: Views in libraries Content Query web part Content Editor web part (inline styling) - ONLY MOSS Demo: Choose a different master page Change logo (Fabrikam_logo.gif) Apply theme Modify navigation (only MOSS)     Notes: Views in libraries Content Query web part Content Editor web part (inline styling) - ONLY MOSS

23. Default master (System master) and Custom master (Site master) Show code within a master page. Discuss the importance of the placeholders – can’t remove them. Discuss approach to building a custom MP from scratch Real-world example If you make changes, can undo (reset to site definition) SharePointMN.com’s theme was delivered as part of the community kit Demos: 1. Edit Default master: 2. Create completely empty master page: Default master (System master) and Custom master (Site master) Show code within a master page. Discuss the importance of the placeholders – can’t remove them. Discuss approach to building a custom MP from scratch Real-world example If you make changes, can undo (reset to site definition) SharePointMN.com’s theme was delivered as part of the community kit Demos: 1. Edit Default master: 2. Create completely empty master page:

24. Default master (System master) and Custom master (Site master) Show code within a master page. Discuss the importance of the placeholders – don’t remove them; hide them. Navigation control is a great example. Show how it works Discuss approach to building a custom MP from scratch If you make changes, can undo (reset to site definition) Demos: 1. Edit Default master: 2. Create completely empty master page: 3. Create Microsoft’s blank master page Default master (System master) and Custom master (Site master) Show code within a master page. Discuss the importance of the placeholders – don’t remove them; hide them. Navigation control is a great example. Show how it works Discuss approach to building a custom MP from scratch If you make changes, can undo (reset to site definition) Demos: 1. Edit Default master: 2. Create completely empty master page: 3. Create Microsoft’s blank master page

26. Intellisense for JavaScript and CSS CSS Reports Back up a site Create site template (http://[site]/_layouts/sitetmpl.aspx) To create a site template from the current site, simply add “_layouts/sitetmpl.aspx” to the root of your site url: http://[site]/_layouts/sitetmpl.aspx Intellisense for JavaScript and CSS CSS Reports Back up a site Create site template (http://[site]/_layouts/sitetmpl.aspx) To create a site template from the current site, simply add “_layouts/sitetmpl.aspx” to the root of your site url: http://[site]/_layouts/sitetmpl.aspx

27. I like to store style sheets in Style Library (content database) because then don’t have to have access to the server in order to update a CSS. Tricky items to style: Search control (must style it on the server or on each master and/or layout page) Login pages Core always loads last unless you specified a css in Site Settings (aka alternate css) Inline styles always after that How to modify styles in the Content Editor Web Part Best practices I like to store style sheets in Style Library (content database) because then don’t have to have access to the server in order to update a CSS. Tricky items to style: Search control (must style it on the server or on each master and/or layout page) Login pages Core always loads last unless you specified a css in Site Settings (aka alternate css) Inline styles always after that How to modify styles in the Content Editor Web Part Best practices

28. DEMO: Update Styles in default.masterDEMO: Update Styles in default.master

29. Demo: Publishing portal & publishing site features(WCM) Demo: Create Page Layout Note: can add inline styling here as well Other features of WCM: Reusable content library Site Manager site content and structure, set up multilingual support, manage people and groups, navigation Demo: Publishing portal & publishing site features(WCM) Demo: Create Page Layout Note: can add inline styling here as well Other features of WCM: Reusable content library Site Manager site content and structure, set up multilingual support, manage people and groups, navigation

30. Demo: Publishing portal & publishing site features(WCM) Demo: Create Page Layout Note: can add inline styling here as well Other features of WCM: Reusable content library Site Manager site content and structure, set up multilingual support, manage people and groups, navigation Demo: Publishing portal & publishing site features(WCM) Demo: Create Page Layout Note: can add inline styling here as well Other features of WCM: Reusable content library Site Manager site content and structure, set up multilingual support, manage people and groups, navigation

31. Ghosted: a ghosted page is one that is read directly from the site definition on the filesystem. Unghosted: an unghosted page is one that is read from the SharePoint database and *not* a physical file Ghosted: a ghosted page is one that is read directly from the site definition on the filesystem. Unghosted: an unghosted page is one that is read from the SharePoint database and *not* a physical file

32. Resources Microsoft’s SharePoint Products and Technologies site http://www.microsoft.com/sharepoint/default.mspx Microsoft SharePoint Products and Technologies Team Blog http://blogs.msdn.com/sharepoint Joel Oleson’s SharePoint Land - http://blogs.msdn.com/joelo/default.aspx The Inetium Blog Server http://blogs.inetium.com SharePoint blogs listed under IW

33. Resources Branding SharePoint http://brandingsharepoint.com (coming soon) How to Create a Minimal Master Page http://msdn2.microsoft.com/en-us/library/aa660698.aspx Customizing SharePoint Sites and Portals http://msdn2.microsoft.com/en-us/library/ms916801.aspx Comparison of MOSS vs. WSS http://office.microsoft.com/en-us/sharepointtechnology/FX101758691033.aspx?ofcresset=1 Accessibility http://www.21apps.com/2007/03/sharepoint-accessibility-is-moss-2007_4974.html

34. Resources Real World SharePoint: Indispensable Experiences from 16 MOSS and WSS MVPs ISBN 1189519281 Translation http://go.microsoft.com/fwlink/?LinkId=79322