Designing an Internet-Facing Web Site Using SharePoint 2010 Elisabeth Olson Program Manager - Microsoft SharePoint

SharePoint?

Or…SharePoint!

The Many Flavors of SharePoint Team Site No approval Many authors Unstructured Lightly branded Divisional Portal Fewer authors Lightweight approval Corporate Intranet Simple workflow Heavier branding Internet Highly controlled publishing Structured content Pixel perfect branding

SharePoint Tools Browser – Content creation/editing within an existing site SharePoint Designer – Designing or changing an existing site instance Visual Studio – Create reusable templates – Source control

General Goodness Cross browser support – IE 7/8, Firefox, Safari Targeting WCAG 2.0 AA standards XHTML + CSS standards-based rendering Rich text editor gives content contributors WYSIWYG control over content

Reusable UI Controls Ribbon Dialogs Status bar Notifications Ribbon Status Bar Notification Dialog

No One Knows You’re a Dog Anonymous – Enable at both server and site level Lockdown mode – Applies to forms pages – It’s not for everyone

Masterpages Apply to all pages in the site Control overall chrome Gotchas: – Always use all of the ContentPlaceHolders – even if you’re sure you don’t need to – Don’t use minimal.master unless…

Page Layouts Control the layout of content within a masterpage Can be very restrictive in terms of structure Acts like a “pseudo nested masterpage”

Seven Special Pages Seven special pages which don’t use MP setting: – AccessDenied.aspx – Confirmation.aspx – Error.aspx – Login.aspx – Reqacc.aspx – SignOut.aspx – WebDeleted.aspx Still possible to replace these with your own

Blue! No, Yellooooow….! Themes allow quick changes of colors/fonts Can recolor images as well (think gradients) Custom CSS can also be themed

¡Pero no hablo inglés! Multi-lingual user interface for application UI Variations for content – Separate versions of the site for each language – Easily manage translations of content

Only the Right Content Content Deployment Approval workflow Out of the box workflows are customizable Tools: SharePoint Designer and Visio

Silverlight Create Gallery Org Browser Media Web Part Silverlight Web Part

Data External Content Types Web Services REST API Client OM – Silverlight or JavaScript – Wrap server OM

What’s Going On? Traffic monitoring/analytics Search analytics Server health monitoring Developer dashboard

Other Sessions of Interest PR01 - Designing Corporate Web Sites Using SharePoint 2010 – Paul Stubbs EX28 - Building Rich and Interactive Experiences in SharePoint – André Engberts

Thanks! Questions?

Resources Enabling Anonymous Access: Turning on Lockdown Mode: Using the UX controls: Starter.master: SharePoint Examples: