1. http://www.sharepointmn.com Welcome to the Minnesota SharePoint User Group September 12 th, 2007 Branding and Designing your SharePoint Site Lori Neff

2. Agenda Quick Intro What is Branding? OOB Branding on SharePoint Advanced Branding Break Branding Techniques and Samples Q&A and Giveaway http://www.sharepointmn.com

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 http://www.sharepointmn.com

4. Introductions – MNSPUG Sponsors Inetium (www.inetium.com)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)www.newhorizonsmn.com Microsoft Gold Certified Partner Training on many technologies Microsoft (www.microsoft.com)www.microsoft.com I’m guessing you’ve heard of them http://www.sharepointmn.com

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

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

7. What is a Brand? http://www.sharepointmn.com

8. What is a Brand? Logos Fonts Color Schemes Graphical Treatment Traits or Characteristics SharePoint provides a Web 2.0, multi- dimensional, dynamic brand experience http://www.sharepointmn.com

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) http://www.sharepointmn.com

10. Website considerations SEO Validation Accessibility Translation http://www.sharepointmn.com

11. SharePoint with Intranets, Extranets and Websites Intranets and Extranets focus on content and functionality and might have different branding requirements Websites have a much larger focus on user experience http://www.sharepointmn.com

12. SharePoint Public-Facing Websites http://www.sharepointmn.com

13. Intranet PortalsExtranet Portals Public Internet Sites Business ProcessBusiness Intelligence Composite Applications SharePoint as a Platform http://www.sharepointmn.com

14. Evolution of SP: 2003 vs. 2007 http://www.sharepointmn.com

15. 2003 vs. 2007 2003 Difficult to brand Branding required updates to file system Easy to break Use FP as primary tool 2007 Reengineered on.NET 2.0 Takes advantage of Master Pages Relies heavily on CSS New SharePoint Designer makes customizing much easier Ability to create a public facing site Content Management http://www.sharepointmn.com

16. MOSS vs. WSS WSSMOSS Real-time presence Wikis, Blogs, Surveys Workflow Master Pages Usage analytics RSS Feeds Rights-trimmed user interface Breadcrumb bar Content types Tree view All WSS capabilities, plus: Publishing Feature Page Layouts Site Manager Audience Targeting Portal Site Templates Business document workflow support (approval, signature collection, etc.) Content publishing and deployment WYSIWYG Web content editor http://www.sharepointmn.com

17. Typical Roles and Responsibilities in a SP project Marketing Ideas Branding guidelines Designer Design Concepts Implementation of HTML, Graphics and CSS Developer Custom web part development Admin Content approver Set up for roles Content Contributor Updates to content IT Environment setup Security http://www.sharepointmn.com

18. Real-World Example: Inetium web site Used branding guideline Color scheme Fonts Audience “Approachable” Used flash movie to highlight practices Page layouts Home page: Flash movie Web part zones Web parts http://www.sharepointmn.com

19. Simple and Advanced options Simple OOB customization Update Logo Apply a Theme Adding web parts Choose a different OOB Master Page More advanced customization Master Pages Layout pages Creating custom themes CSS http://www.sharepointmn.com

20. Simple OOB customization demonstration Update site with logo Change site theme Change Master Page Template Mention other master page templates available for download Views in libraries Content editor web part (inline styling) Site Manager Tool http://www.sharepointmn.com

21. Page Rendering http://www.sharepointmn.com

22. Break http://www.sharepointmn.com

23. Advance Customization: Custom Theme Themes can be found on the server in: Server Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES\[Theme Name] Copy folder, rename Rename.INF file, change theme names in.INF file Modify theme.css with design changes Store preview of theme in TEMPLATE\IMAGES Modify TEMPLATE\Layouts\1033\spthemes.xml http://www.sharepointmn.com

24. Advance Customization: Master Pages What is a Master page? Navigation Logos Search box Login control Editing controls CSS References <PublishingNavigation: PortalSiteMapDataSource …> <SPSWC: RightBodySectionSearchBox …> http://www.sharepointmn.com

25. Tools Internet Developer Toolbar FireFox Firebug InstantSource SharePoint Designer http://www.sharepointmn.com

26. SharePoint Designer Tracing feature Back up your site Viewing reports HTML and CSS validating Viewing customized pages Check out status Usage Reports Creating workflows http://www.sharepointmn.com

27. Advanced Customization: Working with CSS There are 26 style sheets used in SharePoint Majority located on server: Server Drive:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1 033\STYLES Some located in Style Library (accessible via SPD) How SharePoint loads style sheets http://www.sharepointmn.com

28. ms-globalbreadcrumb ms-globalTitleArea ms-sitetitle ms-globallinks ms-globalright ms-globalleft ms-siteaction ms-siteactionsmenu ms-bannerContainer ms-bannerframe ms-banner ms-topNavContainer ms-topnav ms-topnav + ms-topNavSelected http://www.sharepointmn.com

29. Advance Customization: Layout Pages What is a Layout Page? Template for content Based on a content type Holds: Field controls Web Parts Web Part Zones Data View CSS in-line styles http://www.sharepointmn.com

30. Advance Customization: Content Editor WP Styles HTML Editor CSS Make a copy from the server, save in Style Library Add styles Register css in master page New styles will appear in Content Editor Style dropdown http://www.sharepointmn.com

31. Customized vs. Uncustomized pages “Ghosted” and “Unghosted pages” Performance impact of ~10% Page request Customized? Retrieve customized page from db Retrieve shared template from file system Merge rendered web parts and return to browser http://www.sharepointmn.com YesNo

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

33. Resources Branding SharePoint – http://brandingsharepoint.com (coming soon) http://brandingsharepoint.com How to Create a Minimal Master Page – http://msdn2.microsoft.com/en-us/library/aa660698.aspx http://msdn2.microsoft.com/en-us/library/aa660698.aspx Customizing SharePoint Sites and Portals – http://msdn2.microsoft.com/en-us/library/ms916801.aspx 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 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 http://www.21apps.com/2007/03/sharepoint-accessibility-is-moss-2007_4974.html Meeting Resources

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

35. Q & A

36. Give Away

37. http://www.sharepointmn.com Thanks for coming!