SlideShare ist ein Scribd-Unternehmen logo
1 von 19
Pages and Design
• SharePoint Page Types
 Master Pages
 Application Pages
 Site Pages
• Application Pages
• Site Pages
• WSS 3.0 is built on top of ASP.NET 2.0, it supports
master pages
• Benefits of Master Pages
 A better editing experience
 Web-level editing
 User interface reuse
 More consistent pages and a better end-user
experience
• Central file controlling the layout and the design of
the content pages in a SharePoint site
 Title, logo, and
description of site
 Navigation controls
 Welcome and
administration
 Search experience
 Linking cascading
style sheet files and script
files
 Web part manager
 ContentPlaceHolder controls
• Template files
 Default.master in Global site definition
 Custom master pages via Features
• Master Pages are customized when using SharePoint
Designer 2007
• Master Page Gallery
 One per site collection
 Resides at the root of
the site collection
• Application pages (layouts pages) are stored in the
virtual directory for SharePoint web application
url: http://myserver/_layouts/mysite.aspx
Or http://myserver/_layouts/a/b/c/_layouts/mysite.aspx
• By default, _layouts folder:
C:program filescommon filesmicrosoft sharedweb
server extensions12TEMPLATElayouts
• Application Pages are always compiled into a single
DLL
• Application Pages are allowed to have in-line code
• Application Pages do not support customization
Demo
Creating an Application Page
• Site Pages (Content Pages) can be modified by end
users by using tools such as SharePoint Designer 2007
• Site Page are stored logically within SharePoint sites,
most of the files are stored in content database
• How to create your own page templates
<%@ Page MasterPageFile="~masterurl/default.master"
meta:progid="SharePoint.WebPartPage.Document" %>
<asp:Content runat="server" ContentPlaceHolderID="PlaceHolderMain“>
<h3>Page 1 - Hello World</h3>
A simple page template used to create site pages
</asp:Content>
• Customized site pages are parsed and processed in a
special mode known as safe mode
• In-line script runs fine in uncustomized pages
• When a user modifies the page, WSS refuses to process
it in safe mode and generates an error
• Customized pages run in safe mode and cannot contain in-line script
• Safe mode allows the farm administrator to determine
which controls can be used in pages that are processed
in safe mode
• Customized pages can only contain server-side
controls that are explicitly registered as safe controls
<SafeControls>
<SafeControl Assembly="Microsoft.SharePoint, …"
Namespace="Microsoft.SharePoint.WebControls" TypeName="*"
AllowRemoteDesigner="True" />
</SafeControls>
Demo
Creating a Site Page using
Page Template
• Page Templates
 Page template files are stored on disk, not in the
content database
 SharePoint provisions a page from a page template,
system creates a pointer to the instance of the page
template (not customized pages or ghost pages)
 After a page customized (modified) pages, the pointer
is voided and the page is stored in the content database
• Using server side code on Site Pages
 If the page is not customized, server side code is
supported
 if the page is customized, server side code does not
execute on the page, and the page does not render
• Browser
 No special skills required
 Site admin users browser UI to make choices
• SharePoint Designer
 Moderate skills required (web designer)
 Client/server app fully supports remote editing
 Can only edit pages in content DB
 Easy to create site template (*.stp) in browser
• Site definition
 Moderate to advanced skills required
 Have to be on server machine
 Can include files customized by Designer (.master, .css)
1. Web site construction
• Page layout and design
• Master Page creation
• CSS stylesheet edit/apply
• List/Content Type Design
• Creation of sample data
• Web Part page creation
• Web Part hookup
• No-code data views & forms
• No-code workflows
Tool: SharePoint Designer + Browser
2. Custom Coding (if necessary)
• Web Controls
• Web Parts
• ASP.NET page coding
• Workflow actions
• Event handlers
Tool: SharePoint Designer + Browser
3. Finalization
• Create Site Definition (wsp)
from working site
Tool: future VS add-in
4. Deployment
• Box admin installs new app
template using WSP on
production server

Weitere ähnliche Inhalte

Was ist angesagt?

DAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new pathDAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new path
Ryan Dennis
 
SPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPathSPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPath
Ryan Dennis
 
ScarePoint Saturday Spookinnati Slides
ScarePoint Saturday Spookinnati SlidesScarePoint Saturday Spookinnati Slides
ScarePoint Saturday Spookinnati Slides
Ryan Dennis
 
Master pages ppt
Master pages pptMaster pages ppt
Master pages ppt
Iblesoft
 
Build your SharePoint Internet Presence with PowerShell
Build your SharePoint Internet Presence with PowerShellBuild your SharePoint Internet Presence with PowerShell
Build your SharePoint Internet Presence with PowerShell
Ryan Dennis
 
Basics of SharePoint
Basics of SharePointBasics of SharePoint
Basics of SharePoint
samirsangli
 
Ofc216 Shah German Webcms
Ofc216 Shah German WebcmsOfc216 Shah German Webcms
Ofc216 Shah German Webcms
Punk Rock
 

Was ist angesagt? (20)

Master page in asp.net
Master page in asp.netMaster page in asp.net
Master page in asp.net
 
Master pages
Master pagesMaster pages
Master pages
 
DAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new pathDAYSPUG - Funnel your info down a new path
DAYSPUG - Funnel your info down a new path
 
Funnel your Info down a new Path
Funnel your Info down a new PathFunnel your Info down a new Path
Funnel your Info down a new Path
 
SPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPathSPSCBUS Slides Scarlet InfoPath
SPSCBUS Slides Scarlet InfoPath
 
ScarePoint Saturday Spookinnati Slides
ScarePoint Saturday Spookinnati SlidesScarePoint Saturday Spookinnati Slides
ScarePoint Saturday Spookinnati Slides
 
Spsatx slides (widescreen)
Spsatx slides (widescreen)Spsatx slides (widescreen)
Spsatx slides (widescreen)
 
Master pages ppt
Master pages pptMaster pages ppt
Master pages ppt
 
Using js link and display templates
Using js link and display templatesUsing js link and display templates
Using js link and display templates
 
Build your SharePoint Internet Presence with PowerShell
Build your SharePoint Internet Presence with PowerShellBuild your SharePoint Internet Presence with PowerShell
Build your SharePoint Internet Presence with PowerShell
 
SPSSTHLM - Using JSLink and Display Templates for ITPros
SPSSTHLM - Using JSLink and Display Templates for ITProsSPSSTHLM - Using JSLink and Display Templates for ITPros
SPSSTHLM - Using JSLink and Display Templates for ITPros
 
Master Pages In Asp.net
Master Pages In Asp.netMaster Pages In Asp.net
Master Pages In Asp.net
 
Introduction to ASP.NET
Introduction to ASP.NETIntroduction to ASP.NET
Introduction to ASP.NET
 
Building an online catalogue with SharePoint 2013
Building an online catalogue with SharePoint 2013Building an online catalogue with SharePoint 2013
Building an online catalogue with SharePoint 2013
 
Basics of SharePoint
Basics of SharePointBasics of SharePoint
Basics of SharePoint
 
Back to the Basics: SharePoint Fundamentals by Joel Oleson
Back to the Basics: SharePoint Fundamentals by Joel OlesonBack to the Basics: SharePoint Fundamentals by Joel Oleson
Back to the Basics: SharePoint Fundamentals by Joel Oleson
 
Ofc216 Shah German Webcms
Ofc216 Shah German WebcmsOfc216 Shah German Webcms
Ofc216 Shah German Webcms
 
Infopath controls
Infopath controlsInfopath controls
Infopath controls
 
Admin 101: So You're the New SharePoint Administrator...
Admin 101: So You're the New SharePoint Administrator...Admin 101: So You're the New SharePoint Administrator...
Admin 101: So You're the New SharePoint Administrator...
 
Share point 2013 WCM for Developers
Share point 2013 WCM for DevelopersShare point 2013 WCM for Developers
Share point 2013 WCM for Developers
 

Ähnlich wie SharePoint 2010 Pages

How_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_FarmHow_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_Farm
Nigel Price
 

Ähnlich wie SharePoint 2010 Pages (20)

Share point 2013 Building Websites
Share point 2013 Building WebsitesShare point 2013 Building Websites
Share point 2013 Building Websites
 
SharePoint 2013 Branding
SharePoint 2013 BrandingSharePoint 2013 Branding
SharePoint 2013 Branding
 
SharePoint Development in Government Environments
SharePoint Development in Government EnvironmentsSharePoint Development in Government Environments
SharePoint Development in Government Environments
 
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
Popping the Hood: How to Create Custom SharePoint Branding by Randy Drisgill ...
 
Intro to Branding by Randy Drisgill and John Ross - SPTechCon
Intro to Branding by Randy Drisgill and John Ross - SPTechConIntro to Branding by Randy Drisgill and John Ross - SPTechCon
Intro to Branding by Randy Drisgill and John Ross - SPTechCon
 
User Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope CoventryUser Interface Tips and Tricks for the Power User - Penelope Coventry
User Interface Tips and Tricks for the Power User - Penelope Coventry
 
SharePoint Development in Government Environments
SharePoint Development in Government EnvironmentsSharePoint Development in Government Environments
SharePoint Development in Government Environments
 
Envision IT - Application Lifecycle Management for SharePoint in the Enterprise
Envision IT - Application Lifecycle Management for SharePoint in the EnterpriseEnvision IT - Application Lifecycle Management for SharePoint in the Enterprise
Envision IT - Application Lifecycle Management for SharePoint in the Enterprise
 
Your Intranet, Your Way
Your Intranet, Your WayYour Intranet, Your Way
Your Intranet, Your Way
 
Your Intranet, Your Way
Your Intranet, Your WayYour Intranet, Your Way
Your Intranet, Your Way
 
Modern_Site_Owner_M365_Ottawa.pdf
Modern_Site_Owner_M365_Ottawa.pdfModern_Site_Owner_M365_Ottawa.pdf
Modern_Site_Owner_M365_Ottawa.pdf
 
Sps redmond 2014 deck
Sps redmond 2014 deckSps redmond 2014 deck
Sps redmond 2014 deck
 
ECS19 - Laura Kokkarinen - Everything you need to know about SharePoint site ...
ECS19 - Laura Kokkarinen - Everything you need to know about SharePoint site ...ECS19 - Laura Kokkarinen - Everything you need to know about SharePoint site ...
ECS19 - Laura Kokkarinen - Everything you need to know about SharePoint site ...
 
Advanced SharePoint 2013 Site Administration
Advanced SharePoint 2013 Site AdministrationAdvanced SharePoint 2013 Site Administration
Advanced SharePoint 2013 Site Administration
 
How_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_FarmHow_To_Soup_Up_Your_Farm
How_To_Soup_Up_Your_Farm
 
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna LinsO365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
 
SharePoint Development (Lesson 3)
SharePoint Development (Lesson 3)SharePoint Development (Lesson 3)
SharePoint Development (Lesson 3)
 
UX01 Customization Tour Of SharePoint - APAC Conference Sydney - 2007
UX01 Customization Tour Of SharePoint - APAC Conference Sydney - 2007UX01 Customization Tour Of SharePoint - APAC Conference Sydney - 2007
UX01 Customization Tour Of SharePoint - APAC Conference Sydney - 2007
 
Wisconsin SharePoint User Group 2018
Wisconsin SharePoint User Group 2018Wisconsin SharePoint User Group 2018
Wisconsin SharePoint User Group 2018
 
Synapse india reviews on share point development
Synapse india reviews on share point developmentSynapse india reviews on share point development
Synapse india reviews on share point development
 

Kürzlich hochgeladen

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Kürzlich hochgeladen (20)

Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 

SharePoint 2010 Pages

  • 2. • SharePoint Page Types  Master Pages  Application Pages  Site Pages • Application Pages • Site Pages
  • 3. • WSS 3.0 is built on top of ASP.NET 2.0, it supports master pages • Benefits of Master Pages  A better editing experience  Web-level editing  User interface reuse  More consistent pages and a better end-user experience
  • 4. • Central file controlling the layout and the design of the content pages in a SharePoint site  Title, logo, and description of site  Navigation controls  Welcome and administration  Search experience  Linking cascading style sheet files and script files  Web part manager  ContentPlaceHolder controls
  • 5. • Template files  Default.master in Global site definition  Custom master pages via Features • Master Pages are customized when using SharePoint Designer 2007 • Master Page Gallery  One per site collection  Resides at the root of the site collection
  • 6. • Application pages (layouts pages) are stored in the virtual directory for SharePoint web application url: http://myserver/_layouts/mysite.aspx Or http://myserver/_layouts/a/b/c/_layouts/mysite.aspx • By default, _layouts folder: C:program filescommon filesmicrosoft sharedweb server extensions12TEMPLATElayouts • Application Pages are always compiled into a single DLL • Application Pages are allowed to have in-line code • Application Pages do not support customization
  • 7.
  • 9. • Site Pages (Content Pages) can be modified by end users by using tools such as SharePoint Designer 2007 • Site Page are stored logically within SharePoint sites, most of the files are stored in content database
  • 10.
  • 11.
  • 12. • How to create your own page templates <%@ Page MasterPageFile="~masterurl/default.master" meta:progid="SharePoint.WebPartPage.Document" %> <asp:Content runat="server" ContentPlaceHolderID="PlaceHolderMain“> <h3>Page 1 - Hello World</h3> A simple page template used to create site pages </asp:Content>
  • 13. • Customized site pages are parsed and processed in a special mode known as safe mode • In-line script runs fine in uncustomized pages • When a user modifies the page, WSS refuses to process it in safe mode and generates an error
  • 14. • Customized pages run in safe mode and cannot contain in-line script
  • 15. • Safe mode allows the farm administrator to determine which controls can be used in pages that are processed in safe mode • Customized pages can only contain server-side controls that are explicitly registered as safe controls <SafeControls> <SafeControl Assembly="Microsoft.SharePoint, …" Namespace="Microsoft.SharePoint.WebControls" TypeName="*" AllowRemoteDesigner="True" /> </SafeControls>
  • 16. Demo Creating a Site Page using Page Template
  • 17. • Page Templates  Page template files are stored on disk, not in the content database  SharePoint provisions a page from a page template, system creates a pointer to the instance of the page template (not customized pages or ghost pages)  After a page customized (modified) pages, the pointer is voided and the page is stored in the content database • Using server side code on Site Pages  If the page is not customized, server side code is supported  if the page is customized, server side code does not execute on the page, and the page does not render
  • 18. • Browser  No special skills required  Site admin users browser UI to make choices • SharePoint Designer  Moderate skills required (web designer)  Client/server app fully supports remote editing  Can only edit pages in content DB  Easy to create site template (*.stp) in browser • Site definition  Moderate to advanced skills required  Have to be on server machine  Can include files customized by Designer (.master, .css)
  • 19. 1. Web site construction • Page layout and design • Master Page creation • CSS stylesheet edit/apply • List/Content Type Design • Creation of sample data • Web Part page creation • Web Part hookup • No-code data views & forms • No-code workflows Tool: SharePoint Designer + Browser 2. Custom Coding (if necessary) • Web Controls • Web Parts • ASP.NET page coding • Workflow actions • Event handlers Tool: SharePoint Designer + Browser 3. Finalization • Create Site Definition (wsp) from working site Tool: future VS add-in 4. Deployment • Box admin installs new app template using WSP on production server