SharePoint<br />Kathy Hughes<br />SharePoint Server MVP<br />Sydney, Australia<br />Icon by http://dryicons.com<br />
Agenda<br />Main SharePoint Branding Components<br />Master Pages/CSS Combo versus Themes<br />When, How and Why<br />Some...
What is SharePoint Branding?<br />Add your identity <br />Colours, themes, pictures, company/people logos, images<br />Eye...
Designing MOSS and WSS<br />Different in terms of Branding Experience<br />WSS (standalone), e.g. http://sitename/default....
Some Design Tools(scenarios)<br />In-browser tools – content authors, Information Workers<br />SharePoint Designer – Web d...
Main SharePoint Design Components<br />Master page<br />Derived from ASP.NET 2.0 (supports .NET 3.5)<br />Provides consist...
Master Pages - Components<br />Master Page<br />HTML<br />HTML<br />Content Placeholders<br />CSS<br />Content Placeholder...
Page Layout - Components<br />Page Layout<br />ContentControls<br />HTML<br />HTML<br />Field Controls<br />Field Controls...
Master Page / Page Layout working together<br />
Demo<br />SharePoint Master Pages<br />Browser and SPD<br />Site and System master pages<br />Content Placeholders<br />CS...
Options for Creating Master Pages<br />Start from scratch<br />Minimal master page<br />Build on one of the OOB master pag...
Deployment Considerations<br />How do you deploy Master Pages, CSS and Page Layouts?<br />Use SharePoint Designer<br />Use...
StorageCustomized and Uncustomized<br />WFE<br />[12 Hive]<br />Browser<br />Content Database<br />Templates Page<br />Ins...
Deployment:Customized Solutions<br />Typically deploy master page/s, CSS and page layout/s via SharePoint Designer<br />To...
Deployment:Uncustomized Solution<br />Scenario:<br />Design master page/CSS/Page layouts (design artefacts) in SharePoint ...
Demo<br />Deploy a new customized master page<br />Multiple site collections<br />Smartsite and Mossapp<br />
Combat _layouts pages Design<br />The application.master page<br />CANNOT/MUST NOT edit<br />Cannot see in SPD<br />Incons...
Branding Administration PagesAdmin Pages conceptualized<br />X<br />WFE<br />[12 Hive<br />_layouts]<br />Browser<br />Con...
Enter SharePoint Themes(branding consistency ALL pages)<br />A Super form of CSS (CSS and Images)<br />Themes versus Maste...
The TEN Themes(Microsoft download)<br />Ten new SharePoint themes released in March 2009<br />Deploy via Visual Studio 200...
The TEN Themese.g.<br />
Demo<br />Apply theme – theme walkthrough<br />Deploy a ‘TEN’ using VSeWSS<br />Themes in master pages, publishing sites<b...
Issue with Deploying .NET 3 or 3.5 from VSeWSS VS.NET 2008<br />FYI<br />If you see a garbled message when attempting to p...
Marrying Master Pages and Themes(COMBINED)<br />A couple of gotchas when applying a new or custom master page<br />Ensure ...
Demo<br />Managing themes in master pages<br />Best practices when integrating themes with a custom master page in SPD<br />
But there’s...MySites(different master page)<br />Different master page again<br />Cannot easily be edited<br />Easier to ...
Custom Navigation:Custom menu controls prebaked<br />TelerikRADControls for ASP.NET AJAX<br />http://demos.telerik.com/asp...
Demo<br />Default SharePoint navigation control<br />Manipulation<br />TelerikRADControls for menus<br />
CSS Drilldown<br />SharePoint is rich in CSS files/classes<br />Its main CSS file is the CORE.CSS file<br />Over 5,000 lin...
Customizing CORE.CSS<br />Becomes relative to the current site<br />Won’t inherit throughout site collection, i.e. Child s...
CSSLInk Control<br /> &lt;SharePoint:CssLinkrunat=&quot;server&quot;/&gt;<br />The CssLink Web Control renders &lt;LINK&gt...
CSS Stacking Order – Important!<br />SharePoint will use CSS  in order depending on where the CSS is located, e.g. is your...
Consistent Styles - RTE<br />Option: Use Alternate CSS option to modify RTE custom styles post site deployment<br />
Demo<br />Apply an AlternateCSS<br />Override CSS styles on a single page<br />CEWP<br />
DIVs or TABLES(Spit the dummy table…)<br />FACT<br />SharePoint (2007) OOB is not CSS compliant<br />Web parts render as t...
CSS Discovery<br />Internet Explorer 7 Developer Toolbar<br />http://www.microsoft.com/DOWNLOADS/details.aspx?familyid=E59...
Demo<br />Browser debugging<br />CSS<br />JavaScript (will deactivate Site Actions)<br />Validation<br />
Browser Trends<br />http://marketshare.hitslink.com<br />
Multi-browser Testing<br />For intranet sites<br />Usually more control over type of browser/s<br />Depends on company and...
Multi-browser Testing ToolXenocode (online emulator)<br />
Cross Browser and RTE	<br />OOB RTE doesn’t work as expected in Firefox 3.5<br />If you need to design with Firefox in min...
Demo<br />OOB RTE in Firefox 3.5<br />Enter RADEditor RTE – cross browser compatible<br />
Accessibility-Dynamic Font Size…(font-size:12pt versus font-size:0.75em)<br />
Where to - Dynamic Font Size(accessibility)<br />Be aware that enabling dynamic font size on some CSS elements may throw o...
Handling of Animations(applicable to all Web sites!!)<br />Don’t leave people out of the picture<br />Give the user an alt...
Add Print Specific Styles<br />In a New Stylesheet file<br />Link to master page<br />&lt;LINK rel=&quot;stylesheet&quot; ...
Techniques Used<br />Setting Page level defaults<br />*{font-family: Cambria,serif !important;}<br /><ul><li>Four ways to ...
Used in Core.CSS<br />@media print{.ms-leftareacell,.ms-globallinks,.ms-siteaction,.ms-areaseparatorleft,.ms-rightareacell...
Section of page controlled by print.css<br />
Accessible Printing<br />Add Print Icon to Page Layout. Clicking on the icon will pop up a page minus redundant artifacts,...
Look ‘n Feel when Editing Page<br />
Which Editing Controls?<br />
SPSecurityTrimmedControl<br />Lock down access to ‘Site Actions’ or ‘View all Site Content’<br />Security trim control to ...
Demo<br />Security trimming a control<br />Intranet scenario<br />
Deployment: External Sites and Forms Pages<br />http://sitename/_layouts/viewlsts.aspx<br />
Deployment:External Sites and Forms Pages<br />When you don’t want anonymous visitors to see ‘behind the scenes’ using htt...
Deployment:(external) Consider IE7 and IE8 Users<br />Modify master page/s to avoid the ActiveX prompt when users navigate...
Content Rollup<br />Three compelling Web parts / Solutions<br />Content Query Web Part (CQWP)<br />Roll-up lists, content ...
Connected Web Parts<br />
Thanks to our sponsors<br />Resources<br />SharePoint Developer site (includes AdventureWorks Travel Site download)<br />h...
About Me<br />Kathy Hughes<br />SharePoint Server MVP<br />Sydney, Australia<br />SharePoint Consulting, Training, Writer ...
Today’s Presentation brought to you by:<br />VMWare Workstation 6.5<br />Windows Server 2008 R2 64bit<br />Windows XP and ...
Upcoming SlideShare
Loading in …5
×

Blooming SharePoint Design

4,432 views
4,300 views

Published on

This is the presentation I gave at SharePoint Saturday Sydney, Microsoft, on 8th August, 2009.

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,432
On SlideShare
0
From Embeds
0
Number of Embeds
54
Actions
Shares
0
Downloads
0
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide
  • Show them the publishing Feature with publishing pages, publishing master pages
  • Demo – show them – what are the _layouts pages
  • Cross browser issue with OOB RTE
  • Relative (EM) and absolute (PT)
  • Go create new page based on this page layout and demo print functionality
  • Wrap the Site Actions control – security trim it and lock it down to visibility by selected permission group in MOSS
  • Blooming SharePoint Design

    1. 1. SharePoint<br />Kathy Hughes<br />SharePoint Server MVP<br />Sydney, Australia<br />Icon by http://dryicons.com<br />
    2. 2. Agenda<br />Main SharePoint Branding Components<br />Master Pages/CSS Combo versus Themes<br />When, How and Why<br />Some Cool Tricks<br />Design Considerations in SharePoint Sites<br />Best Practices around Deploying Customizations<br />
    3. 3. What is SharePoint Branding?<br />Add your identity <br />Colours, themes, pictures, company/people logos, images<br />Eye candy<br />Adequately surface the primary information <br />It’s about content too and how information is represented!<br />It’s not SharePoint but it’s SharePoint under the hood<br />Looks great with all the great content management features, etc.<br />Make your site ‘look loved’<br />See http://www.wssdemo.com/Pages/websites.aspx for some great examples of publicly hosted SharePoint sites<br />
    4. 4.
    5. 5.
    6. 6. Designing MOSS and WSS<br />Different in terms of Branding Experience<br />WSS (standalone), e.g. http://sitename/default.aspx<br />No OOB publishing Features<br />Document management, team collaboration<br />Limited UI customization<br />Common in hosted solutions (cheaper option for small businesses and individuals) and intranets<br />MOSS, e.g. http://sitename/pages/default.aspx<br />Publishing Features and Infrastructure<br />UI Customization experience, inheritance<br />A more robust solution for internet/public facing sites<br />Enterprise level features, e.g. business intelligence features, workflows, search<br />
    7. 7. Some Design Tools(scenarios)<br />In-browser tools – content authors, Information Workers<br />SharePoint Designer – Web designers<br />Visual Studio 2005/2008 with SharePoint Extensions<br />IE developer toolbars (client-side discovery)<br />Firefox firebug<br />Expression Suite 3 - Designers<br />SketchFlow in Blend 3 great takeaway prototyping tool!<br />Silverlight<br />Browser emulators for x-browser testing<br />CSS / Web page validators (W3C)<br />Web Development Helper – HTTP/S logging/AJAX<br />http://projects.nikhilk.net/WebDevHelper<br />Fiddler – HTTP/S logging/AJAX<br />
    8. 8. Main SharePoint Design Components<br />Master page<br />Derived from ASP.NET 2.0 (supports .NET 3.5)<br />Provides consistency for commonly used objects throughout sites / site collections – logos, menus, footers<br />CSS<br />Cloaks the page objects – color, font type, positioning<br />Themes – icing on the cake – a ‘super’ CSS<br />Page Layouts / Content Pages – where the content gets added by the end user – dictates how content gets laid out throughout sites / site collections<br />Page Layouts – MOSS only = publishing functionality<br />Content Pages – MOSS and WSS = Web part/forms pages<br />
    9. 9. Master Pages - Components<br />Master Page<br />HTML<br />HTML<br />Content Placeholders<br />CSS<br />Content Placeholders<br />JavaScript<br />HTML<br />JavaScript<br />CSS<br />
    10. 10. Page Layout - Components<br />Page Layout<br />ContentControls<br />HTML<br />HTML<br />Field Controls<br />Field Controls<br />Web Part Zones<br />Web Part Zones<br />
    11. 11. Master Page / Page Layout working together<br />
    12. 12. Demo<br />SharePoint Master Pages<br />Browser and SPD<br />Site and System master pages<br />Content Placeholders<br />CSS Links<br />Touch on other pages in site/site collection<br />inconsistencies<br />
    13. 13. Options for Creating Master Pages<br />Start from scratch<br />Minimal master page<br />Build on one of the OOB master pages<br />Use an existing ASP.NET master page<br />May end up being more effort involved in doing this<br />Consider porting .NET skins and CSS<br />It also depends on how you choose to deploy your customizations...<br />
    14. 14. Deployment Considerations<br />How do you deploy Master Pages, CSS and Page Layouts?<br />Use SharePoint Designer<br />Use Site Definitions<br />Use Solutions and/or Features<br />It depends on your scenario and policies<br />Customized or Uncustomized Solution? (important)<br />Scalability<br />Single or Multiple Site Collection/s (important)<br />
    15. 15. StorageCustomized and Uncustomized<br />WFE<br />[12 Hive]<br />Browser<br />Content Database<br />Templates Page<br />Instance Page<br />Rendered Page<br />Physical Master<br />Instance Master<br />
    16. 16. Deployment:Customized Solutions<br />Typically deploy master page/s, CSS and page layout/s via SharePoint Designer<br />To root of site collection or member site (master page gallery) – talking publishing site<br />Only accessible in same site collection <br />Accessible to all sites in site collection IF saved to root site of collection<br />Stored in content database<br />SPD is commonly used in hosted solutions<br />
    17. 17. Deployment:Uncustomized Solution<br />Scenario:<br />Design master page/CSS/Page layouts (design artefacts) in SharePoint Designer<br />Developer bundles design artefacts into Feature / solution (WSP) and deploys to SharePoint server<br />Stored on Web front-end server/s in farm<br />Design artefacts available to all site collections on server<br />
    18. 18. Demo<br />Deploy a new customized master page<br />Multiple site collections<br />Smartsite and Mossapp<br />
    19. 19. Combat _layouts pages Design<br />The application.master page<br />CANNOT/MUST NOT edit<br />Cannot see in SPD<br />Inconsistent branding experience<br />A lot of customers don’t like this<br />Even if it’s an intranet – they want c-o-n-s-i-s-t-e-n-c-y<br />Designers and developers need to be aware<br />The regular master pages, i.e. System and Site master pages do NOT effect those pages in the _layouts directory, e.g. Site Settings pages<br />Two options<br />ASP.NET HTTPModule redirect – more dev intensive<br />Custom theme <br />
    20. 20. Branding Administration PagesAdmin Pages conceptualized<br />X<br />WFE<br />[12 Hive<br />_layouts]<br />Browser<br />Content Database<br />Application Page<br />Rendered Page<br />Application Master<br />
    21. 21. Enter SharePoint Themes(branding consistency ALL pages)<br />A Super form of CSS (CSS and Images)<br />Themes versus Master pages and CSS<br />Value Add, popular for intranets<br />What do they really fix?<br />Quickly SKIN a site<br />Address _layouts/application pages issue – consistent look and feel on ALL pages within a site<br />Themes OOB are applied on a site-by-site basis<br />See Theme Stapler on CODEPLEX<br />Include a custom theme throughout an entire site collection<br />Include theme as part of a site definition, deploy using Features<br />See also community Theme manager application<br />http://community.zevenseas.com/Blogs/Robin/archive/2009/08/03/adding-themes-the-supported-way.aspx<br />
    22. 22. The TEN Themes(Microsoft download)<br />Ten new SharePoint themes released in March 2009<br />Deploy via Visual Studio 2008 using VSeWSS<br />
    23. 23. The TEN Themese.g.<br />
    24. 24. Demo<br />Apply theme – theme walkthrough<br />Deploy a ‘TEN’ using VSeWSS<br />Themes in master pages, publishing sites<br />Themes on WFE server<br />
    25. 25. Issue with Deploying .NET 3 or 3.5 from VSeWSS VS.NET 2008<br />FYI<br />If you see a garbled message when attempting to package and deploy the TEN themes in VS.NET 2008 using VSeWSS 1.3 then it’s likely you haven’t fully configured the .NET feature on Windows 2008:<br />Make sure WCF is activated. To do this:<br />Open up Server Manager<br />Select Features, then Add Features <br />Expand the .NET Framework 3.0 Features<br />Expand WCF Activation<br />Tick and select HTTP Activation. This will automatically select WCF activation for you. <br />Click Next to Add the feature<br />
    26. 26. Marrying Master Pages and Themes(COMBINED)<br />A couple of gotchas when applying a new or custom master page<br />Ensure that enabling an OOB or custom theme does not ‘override’ your custom master page<br />You’ll need to disable themes from your master page<br />&lt;sharepoint:themerunat=&quot;server&quot;&gt;<br />&lt;meta name=&quot;Microsoft Theme&quot; content=“Themename 1011,default&quot;&gt;<br />Theme ‘tags’ will get added to a master page automatically if the master page is ‘customized’, i.e. deployed and saved via SharePoint Designer<br />
    27. 27. Demo<br />Managing themes in master pages<br />Best practices when integrating themes with a custom master page in SPD<br />
    28. 28. But there’s...MySites(different master page)<br />Different master page again<br />Cannot easily be edited<br />Easier to modify a MySite’s CSS<br />References<br />http://blogs.msdn.com/sharepoint/archive/2007/03/22/customizing-moss-2007-my-sites-within-the-enterprise.aspx - How to<br />http://cks.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=2824 – CodePlexMySite template<br />
    29. 29. Custom Navigation:Custom menu controls prebaked<br />TelerikRADControls for ASP.NET AJAX<br />http://demos.telerik.com/aspnet-ajax/menu/examples/overview/defaultcs.aspx<br />AJAX 3.5 in SharePoint Server 2007 details <br />http://www.telerik.com/help/aspnet-ajax/moss-install-aspnet-ajax-35.html<br />Save lots of time!!<br />
    30. 30. Demo<br />Default SharePoint navigation control<br />Manipulation<br />TelerikRADControls for menus<br />
    31. 31. CSS Drilldown<br />SharePoint is rich in CSS files/classes<br />Its main CSS file is the CORE.CSS file<br />Over 5,000 lines of code<br />Mostly all default CSS files inherit from CORE.CSS<br />You should NOT customize the OOB CSS files<br />Most users choose to create a custom CSS<br />Associate CSS to the site collection/site master page<br />
    32. 32. Customizing CORE.CSS<br />Becomes relative to the current site<br />Won’t inherit throughout site collection, i.e. Child sites<br />
    33. 33. CSSLInk Control<br /> &lt;SharePoint:CssLinkrunat=&quot;server&quot;/&gt;<br />The CssLink Web Control renders &lt;LINK&gt; elements in this order: <br />The main CSS file (CORE.CSS) <br />An optional CSS file specified by the control&apos;s DefaultUrl property <br />The value of the site definition&apos;s AlternateCSS attribute if one exists. <br />If you are using the MOSS publishing features, you can also set this property for a single site by using the Site Master Page Settings page. <br />
    34. 34. CSS Stacking Order – Important!<br />SharePoint will use CSS in order depending on where the CSS is located, e.g. is your CSS bound to your master page or as an Alternate CSS<br />Farm (CORE.CSS)<br />Site Definition<br />Master Page<br />AlternateCSS<br />Custom Theme (1011_65001)<br />Instance Page (CEWP)<br />
    35. 35. Consistent Styles - RTE<br />Option: Use Alternate CSS option to modify RTE custom styles post site deployment<br />
    36. 36. Demo<br />Apply an AlternateCSS<br />Override CSS styles on a single page<br />CEWP<br />
    37. 37. DIVs or TABLES(Spit the dummy table…)<br />FACT<br />SharePoint (2007) OOB is not CSS compliant<br />Web parts render as tables<br />You can add DIVs to your master pages and page layouts, but it won’t be 100% compliant<br />BUT…you should be working with DIVs, DIVs are the way of the future<br />Test DIVs especially in older or alternate browsers<br />Remember approximately 20-30% of browser usage is in IE6<br />A number of organizations need to run IE6 due to legacy applications which aren’t yet compliant with the newer, upgraded browsers<br />Three 3rd party options – HiSoft, ARK and CSS adaptors<br />
    38. 38. CSS Discovery<br />Internet Explorer 7 Developer Toolbar<br />http://www.microsoft.com/DOWNLOADS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en<br /> IE8 has built-in CSS discovery/debugging tools<br />The following tag needs to beaddedinto the SharePoint master page for support in IE8 <br />&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; /&gt;<br />Firefox FireBug Add-on<br />https://addons.mozilla.org/en-US/firefox/addon/1843<br />
    39. 39. Demo<br />Browser debugging<br />CSS<br />JavaScript (will deactivate Site Actions)<br />Validation<br />
    40. 40. Browser Trends<br />http://marketshare.hitslink.com<br />
    41. 41. Multi-browser Testing<br />For intranet sites<br />Usually more control over type of browser/s<br />Depends on company and policies<br />For internet sites<br />No control over browser type<br />Test minimally in IE6, IE7, IE8, Firefox 2+<br />Test optionally in Opera, Chrome, others<br />Fantastic online browser emulator available:<br />Erases the problem of installing multi-browsers on your machine/s<br />Test on IE6, 7 and 8<br />Test on multi-browser platforms<br />Xenocode - http://www.xenocode.com/browsers/<br />You’ll need to open up access to the internet to use it<br />I use a couple of virtual images in my development environment to do this <br />
    42. 42. Multi-browser Testing ToolXenocode (online emulator)<br />
    43. 43. Cross Browser and RTE <br />OOB RTE doesn’t work as expected in Firefox 3.5<br />If you need to design with Firefox in mind, then consider the 3rd party alternative<br />Telerik RTE<br />Cross browser compatible<br />Important consideration for internet sites<br />
    44. 44. Demo<br />OOB RTE in Firefox 3.5<br />Enter RADEditor RTE – cross browser compatible<br />
    45. 45. Accessibility-Dynamic Font Size…(font-size:12pt versus font-size:0.75em)<br />
    46. 46. Where to - Dynamic Font Size(accessibility)<br />Be aware that enabling dynamic font size on some CSS elements may throw out custom formatting when font is enlarged within the browser<br />
    47. 47. Handling of Animations(applicable to all Web sites!!)<br />Don’t leave people out of the picture<br />Give the user an alternative if they don’t have Flash or Silverlight<br />Rare these days but there are instances<br />
    48. 48. Add Print Specific Styles<br />In a New Stylesheet file<br />Link to master page<br />&lt;LINK rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;print.css&quot; media=&quot;print&quot;&gt;<br />In an Existing Stylesheet file (screen.css)<br />@media print{.stylename{…}}<br />@import url(paged.css) print,projection;<br />Inline on the Page<br />&lt;STYLE type=&quot;text/css&quot;&gt; @media print {.stylename{…}}&lt;STYLE&gt;<br />
    49. 49. Techniques Used<br />Setting Page level defaults<br />*{font-family: Cambria,serif !important;}<br /><ul><li>Four ways to target style settings</li></ul>By Class, Tag, or Class/Tag<br /> .ms-listdescription{display:none;}<br /> body{background:white;}<br /> .ms-pagetitleareaframe TD{display:none;}<br />By ID<br /> #imnhdr0{display:none;}<br />
    50. 50. Used in Core.CSS<br />@media print{.ms-leftareacell,.ms-globallinks,.ms-siteaction,.ms-areaseparatorleft,.ms-rightareacell,.ms-areaseparatorright,.ms-areaseparatorcorner,.ms-titlearealeft,.ms-titlearearight,.ms-searchform,.ms-banner,.ms-buttonheightwidth,.ms-buttonheightwidth2{display:none;}<br />
    51. 51. Section of page controlled by print.css<br />
    52. 52. Accessible Printing<br />Add Print Icon to Page Layout. Clicking on the icon will pop up a page minus redundant artifacts, i.e. menus, and a Print dialog<br />
    53. 53. Look ‘n Feel when Editing Page<br />
    54. 54. Which Editing Controls?<br />
    55. 55. SPSecurityTrimmedControl<br />Lock down access to ‘Site Actions’ or ‘View all Site Content’<br />Security trim control to ‘Admins’ only<br />&lt;Sharepoint:SPSecurityTrimmedControl ID=&quot;SPSecurityTrimmedControl&quot; runat=&quot;server&quot; PermissionsString=&quot;ManageWeb&quot;&gt;<br />……………………………..<br />&lt;/SharePoint:SPSecurityTrimmedControl&gt;<br />
    56. 56. Demo<br />Security trimming a control<br />Intranet scenario<br />
    57. 57. Deployment: External Sites and Forms Pages<br />http://sitename/_layouts/viewlsts.aspx<br />
    58. 58. Deployment:External Sites and Forms Pages<br />When you don’t want anonymous visitors to see ‘behind the scenes’ using http://sitename/pages/_layouts/viewlsts.aspx<br />Use Lockdown Feature to block access to Forms pages in anonymous sites – ViewFormPagesLockDown Feature<br />Details - http://blogs.msdn.com/ecm/archive/2007/05/12/anonymous-users-forms-pages-and-the-lockdown-feature.aspx<br />Lockdown Feature only available for MOSS sites!<br />Workarounds offering similar functionality for standalone WSS sites<br />http://blog.thekid.me.uk/archive/2008/11/20/lockdown-wss-system-pages-on-public-sharepoint-sites.aspx (need to access web.config file)<br />http://social.msdn.microsoft.com/Forums/en-US/sharepointdevelopment/thread/6f8c6dbe-67d0-4dcf-a03d-3da4171649c8/ (can be done using SharePoint designer, suitable for hosted sites)<br />
    59. 59. Deployment:(external) Consider IE7 and IE8 Users<br />Modify master page/s to avoid the ActiveX prompt when users navigate to your SharePoint site/pages<br />http://support.microsoft.com/kb/931509<br />&lt;script type=&quot;text/javascript&quot; src=&quot;/_catalogs/masterpage/custom_activex_override.js&quot;&gt;&lt;/script&gt;<br />
    60. 60. Content Rollup<br />Three compelling Web parts / Solutions<br />Content Query Web Part (CQWP)<br />Roll-up lists, content types, pages content<br />DataView Web Part<br />Create in SharePoint Designer, query, filter, presentation<br />Swiss army knife of Web parts<br />Connected Web Parts <br />Cross list queries and lookups between pages in a site<br />
    61. 61. Connected Web Parts<br />
    62. 62. Thanks to our sponsors<br />Resources<br />SharePoint Developer site (includes AdventureWorks Travel Site download)<br />http://www.microsoft.com/click/SharePointDeveloper/html/Default.html<br />Visual Studio 2008 Extensions for SharePoint (VSeWSS) 1.3<br />http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=fb9d4b85-da2a-432e-91fb-d505199c49f6<br />Visual Studio 2005 Extensions for SharePoint<br />http://www.microsoft.com/downloads/details.aspx?FamilyID=3E1DCCCD-1CCA-433A-BB4D-97B96BF7AB63&displaylang=en<br />SharePoint Designer Team Blog<br />http://blogs.msdn.com/sharepointdesigner/<br />Microsoft sample SharePoint master pages<br />http://www.microsoft.com/downloads/details.aspx?FamilyID=7C05CA44-869A-463B-84D7-57B053711A96&displaylang=en<br />Microsoft sample SharePoint themes (VS 2008 projects)<br />http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=0a87658f-20b8-4dcc-ad7a-09ad22641f3a<br />Sample SharePoint sites<br />http://www.wssdemo.com<br />http://www.topsharepoint.com<br />SharePoint Magazine good articles on branding and master pages<br />http://sharepointmagazine.net/technical/development/incorporating-a-master-page-into-a-sharepoint-site-definition-master-pages-and-sharepoint-part-6-of-6<br />http://sharepointmagazine.net/technical/development/sharepoints-branding-limitations-part-4<br />Implementing a Brand in SharePoint (MSDN)<br />http://msdn.microsoft.com/en-us/library/dd221375.aspx<br />
    63. 63. About Me<br />Kathy Hughes<br />SharePoint Server MVP<br />Sydney, Australia<br />SharePoint Consulting, Training, Writer and Speaker<br />Published Co-Author<br />Microsoft Press SharePoint Server 2007 Admin Companion<br />Microsoft Press SharePoint Server 2007 Best Practices<br />SharePoint Designer Training curriculum developer<br />www.kathyhughes.com<br />
    64. 64. Today’s Presentation brought to you by:<br />VMWare Workstation 6.5<br />Windows Server 2008 R2 64bit<br />Windows XP and Windows 7 (client)<br />SQL Server 2008<br />SharePoint Server 2007 SP2<br />Visual Studio 2008<br />Microsoft VSeWSS<br />TelerikRADControls AJAX 3.5<br />SharePoint Designer 2007<br />IE6, IE7, IE8, Firefox<br />IE7 and IE8 Developer toolbars<br />

    ×