Designing an Internet-Facing Web Site Using SharePoint 2010

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

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

http:

//w

ww

.vis

itcar

lsbe

rg.d

k

http:

//co

rpor

ateu

k.en

eco.

nl/

http:

//w

ww

.cim

ail.f

r

http:

//w

ww

.atr

iagr

oup.

com

http:

//w

ww

.nel

a.ne

t

http:

//w

ww

.ent

revo

isin

s.or

g

http:

//w

ww

.nati

onal

irish

bank

.ie

http:

//w

ww

.edp

.pt

http:

//w

ww

.alb

erta

pci.c

a

http:

//w

ww

.mid

tow

n.co

m

http:

//w

ww

.mon

teca

sino

.co.

za

http:

//w

ww

.pav

ilhao

atla

ntico

.pt

http:

//ag

ricul

ture

.new

holla

nd.c

om

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

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions,

it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.