SharePoint 2013 入门教程之创建页面布局及页面

简介:   在SharePoint的使用过程中,页面布局和页面时很重要的两个概念,主要用于数据个性化展示,下面,我们简单介绍一下SharePoint的页面布局和页面的个性化。 一、 SharePoint页面模型概述   如下图,是SharePoint页面模型图,我们可以看出母版页、页面布局、页面之间的关系,母版页一般是规范Web站点的Head部分和Foot部分,而页面布局和页面主要是中间的页面问题。

  在SharePoint的使用过程中,页面布局和页面时很重要的两个概念,主要用于数据个性化展示,下面,我们简单介绍一下SharePoint的页面布局和页面的个性化。

一、 SharePoint页面模型概述

  如下图,是SharePoint页面模型图,我们可以看出母版页、页面布局、页面之间的关系,母版页一般是规范Web站点的Head部分和Foot部分,而页面布局和页面主要是中间的页面问题。

  页面布局的作用,是为了统一一个类型的页面的格式存在,而布局顾名思义就是页面结构,当然Table和CSS+Div的方式都可以。当我们创建N多页面的时候,如果突然效果图更改,需要改这些页面的布局是一件要命的事情,当这些页面都继承自一个页面布局的时候,只要单独修改这个页面布局,就可以了。

clip_image001

 

二、 关于页面布局

1、 使用SharePoint 2013 Designer(以下简称SPD)创建页面布局;

clip_image002

  如上图,一般内容类型组有两种,我们如果是自己用来个性化的,选择发布即可。

2、 修改页面布局内容,并添加Web部件区域,修改后,记得签入并发布;

clip_image003

 

三、 创建页面

  进入页面库(需要开启网站发布功能,否则没有页面库),如下图:

clip_image004

  选择Ribbon菜单上文件,创建文档,选择模板:

clip_image005

  如下图,填写创建页面的信息,选择我们的页面布局(记得先签入、发布):

clip_image006

  创建以后,打开新创建的页面,如下图:

clip_image007

  修改页面布局并保存(试试修改页面布局,页面是否跟着变动),如下图:

clip_image008

  刷新根据页面布局创建的页面,如下图:

clip_image009

 

结束语

  页面布局和页面的使用,是SharePoint站点最基本的功能,我们可以在上面构建美工给我们的布局,然后在页面布局上规划,并添加WebPartZone,然后创建页面,在页面上添加WebPart进行网页实施。

  当然,页面布局也并不是必须的,你可以创建不继承页面布局的页面,因为不需要统一样式的页面,不需要继承自页面布局(请理解页面布局的意思)。这要看我们网站整体规划,采取使用什么样的方式。

 

  http://msdn.microsoft.com/library/jj191506(v=office.15)

  SharePoint 2013 入门教程之创建及修改母版页

目录
相关文章
|
搜索推荐
SharePoint 2013 入门教程之创建页面布局及页面
原文:SharePoint 2013 入门教程之创建页面布局及页面   在SharePoint的使用过程中,页面布局和页面时很重要的两个概念,主要用于数据个性化展示,下面,我们简单介绍一下SharePoint的页面布局和页面的个性化。
951 0
|
XML 数据格式 容器
SharePoint开发 - 自定义导航菜单(三)附其他代码
博客地址 http://blog.csdn.net/foxdave 接上篇点击打开链接 LeftNavGroupTemplate.cs internal class LeftNavGroupTemplate : ITemplate { ...
880 0
|
Web App开发 前端开发 JavaScript
|
前端开发 容器 开发工具
SharePoint 2013 入门教程之创建及修改母版页
原文:SharePoint 2013 入门教程之创建及修改母版页   在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改Master比较方便。
1341 0
|
.NET Windows 开发框架
SharePoint开发 - 自定义导航菜单(二)母版页的菜单应用
博客地址 http://blog.csdn.net/foxdave 接上篇点击打开链接 本篇叙述在母版页中应用之前的配置信息生成菜单,主要涉及到母版页的自定义,并应用了第三方控件库DevExpress,感兴趣的可以看看,这套东西很强大,戳这里 新建一个SharePoint项目,添加一个模块Module。
901 0