Designing an Internet-Facing Web Site Using SharePoint 2010

Elisabeth Olson
elisol@microsoft.com (Twitter: @elisol)

Program Manager - Microsoft SharePoint

SharePoint?

OrSharePoint!

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 Youre a Dog

Anonymous
Enable at both server and site level

Lockdown mode
Applies to forms pages Its not for everyone

Masterpages
Apply to all pages in the site Control overall chrome Gotchas:
Always use all of the ContentPlaceHolders even if youre sure you dont need to Dont 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 dont 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 ingls!

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

Whats 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

http://www.visitcarlsberg.dk

http://corporateuk.eneco.nl/

http://www.cimail.fr

http://www.atriagroup.com

http://www.nela.net

http://www.entrevoisins.org

http://www.nationalirishbank.ie

http://www.edp.pt

http://www.albertapci.ca

http://www.midtown.com

http://www.montecasino.co.za

http://www.pavilhaoatlantico.pt

http://agriculture.newholland.com

Thanks!

Questions?
elisol@microsoft.com

Resources
Enabling Anonymous Access: http://bit.ly/6uVeiu Turning on Lockdown Mode: http://bit.ly/CwNXN Using the UX controls: http://bit.ly/axIId7 Starter.master: http://bit.ly/cKDYMi SharePoint Examples: http://www.wssdemo.com