OFC216 Using the Web Content Management Features of Microsoft Office SharePoint Server 2007 to Build Great Looking Sites Arpan Shah Group Product Manager Microsoft Corporation Bob German Technology Architect Microsoft Corporation

Session Objectives and Key Takeaways Session Objectives: Provide overview of web content management functionality in Office SharePoint Server 2007 Demo out-of-the-box functionality OverviewBrandingAuthoring Content Deployment 5:30pm today in 205ABC

Agenda The Web Content Management Challenge Branding Master Pages, Page Layouts, Navigation AuthoringVersioning Roles and Workflow Site variations and Multi-lingual Sites Format Conversions Workflow Microsoft SharePoint Advantage Web Parts, List benefits

The Web Content Management Challenge Web Server(s) inbound syndication outbound syndication Web Server(s) authors editors approvers developers designers Manage complex interactions among contributors Enforce business rules Content re-use Branding Simple to find and retrieve content Development / Staging Deployment consumer

Web Content Management ABCs

Single Infrastructure for Intranet, Internet, and Extranet Portals Team Division Enterprise Extranet Internet Individual

Basic Web Authoring and Publishing

Site Structure Web presence is a hierarchy of Windows SharePoint Server (WSS) “Sites” Sites are analogous to Microsoft SharePoint Portal Server (SPS) “areas” or Microsoft Content Manager Server (MCMS) “channels” The hierarchy defines URL and Navigation structure Each site has a library for Pages Pages are analogous to MCMS “postings” Pages are rendered by Page Layouts (analogous to MCMS “templates”) Pages can be branded using Master Pages Home Products A Prod B Prod About Us Services NewsContact Site Page library

Navigation Rich out-of-the-box Navigation Dynamic navigation based on site hierarchy Includes webs, pages and authored links Navigation links trimmed based on security, workflow state and publishing schedule Navigation links trimmed based on security, workflow state and publishing schedule User configurable (hide sites, add links) User configurable (hide sites, add links) Can be styled with CSS Can be styled with CSSExtensible Built on the ASP.NET 2.0 Navigation Provider Model Built on the ASP.NET 2.0 Navigation Provider Model Build or use other custom navigation Build or use other custom navigation

Page Rendering A typical page render  Welcome.aspx page is requested  Page layout associated with page is retrieved  Master page associated with site is retrieved  Controls in page layout render content from page’s fields into the page Inherited from Microsoft Windows SharePoint Services Field Control Field Control Field Control Versioning Check-in and out Content types Access control Workflow 2 Stage Undelete Link Fix-up etc.

Branding and Chrome Web Pages in Microsoft Office SharePoint Server ASP.NET 2.0 master pages are used to control look and feel of the Web site There are two types of pages in a portal site Content pages Customer application pages SharePoint Application Pages Forms pages _layouts pages Can apply different master page for each type Alternate CSS setting allows for CSS overrides independent of master page used

What Goes in a Master Page? NavigationLogos Search box Login control Editing controls CSS references Any server control or markup <PublishingNavigation: PortalSiteMapDataSource …> <SPSWC: RightBodySectionSearchBox …>

Page Layouts Page layouts provide the template for rendering Reference a master page for global navigation and chrome Define what can be authored in the page Field controls Web parts Web part zones Define how much control the author has over page content’s look and feel Turning on restrictions on field controls Wrapping controls in CSS classes Can have many layouts per content type

Building and Branding a Site

Web-based Page Authoring Page content authoring in context of the site Menu-based Web authoring Out-of-the-box set of content controls DHTML control DHTML-based editor with spell checking Table editing with configurable styles Reusable HTML Fragments Image control with asset picker Attachment/Link control with asset picker

HTML contents embedded with fragment URLs HTML field: Body Page item HTML editor + picker 2 Content Re-use – Editing Time HTML fragments Text only fragments Reusable content list List item edit form 1

Smart Client Authoring Server-side conversion of Word and InfoPath documents into Web pages Configurable process Pluggable converter model Settings (per CT) Converters DocxXML XSN

Advanced Authoring Experience

Controlling The Process Pages support standard WSS governance features Check-in/checkout Drafts and major versions Workflow, Content Approval Integrated with a customizable workflow system Out-of-the-box approval and review workflows Control the process while an item is waiting for approval Publishing schedules Content Deployment

Workflow Configurable out-of-the-box Workflow templates Serial and Parallel Can apply to a Pages Library Built on Windows Workflow Foundation Developers can build and deploy workflow components Tasks Show up in specific Task list Aggregated in Outlook 2007 Aggregated in Microsoft Office SharePoint Server Web Part

Site Management Tool “Explorer-like” Web-based tool for SharePoint Arrange Site Content and Structure Run reports to gain visibility into site content Understand the relationships between items

Multilingual sites Common pattern Parallel sites in multiple languages In concept, they are localized mirrors In reality, there are exceptions and customizations for different regions Modeled as variations Admin creates multiple labels System creates and maintains parallel versions of containers and items Exceptions are allowed Not just for language translations Multilingual sites, multi-device sites, and multi-branded sites

Page Variation Labels: EN Site JP EN Site Page JP New Page Approval Go Live! translate New Page approve Variations Manage related content between the source site and the targeted sites Designate source and target sites with variation labels Auto-creates target sites and pages Propagate pages from source to target sites upon approval Source and target pages can have different look and feel and independent publishing process

Variations Source and target are loosely coupled Pages always share a content type Can use different layouts Pages can be at different versions/levels Separate approval Can be moved around (within limits) Target pages start with source page content, but can diverge That is, target page can be sent out for translation Automatic and Manual modes “Flag control” for choosing variation while browsing

Controlling the Process: Site Management and Variations

SharePoint Advantage Inherited from WSS Framework and Storage RSS Feeds Single Item Security Single Item restore Security Trimming Take advantage of other SharePoint Server features Integrated Search Targeting Other Web Parts Business Data Catalog

The SharePoint Advantage

Resources Technical Chats and Webcasts Microsoft Learning and Certification MSDN & TechNet Virtual Labs Newsgroups communities/newsgroups/en-us/default.aspx Technical Community Sites User Groups

The 2007 Microsoft Office System Clients. Servers. Solutions. Install Beta 2 today! It’s in your attendee bag Learn more at the Office System TLC Demo Stations / Hands-on-Labs / Chalk-talks Get more information Get more information Lab Demo

© 2006 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.