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

简介: 原文:SharePoint 2013 入门教程之创建页面布局及页面  在SharePoint的使用过程中,页面布局和页面时很重要的两个概念,主要用于数据个性化展示,下面,我们简单介绍一下SharePoint的页面布局和页面的个性化。
原文: SharePoint 2013 入门教程之创建页面布局及页面

  在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 入门教程之创建及修改母版页

目录
打赏
0
0
0
0
214
分享
相关文章
WordPress独立资源下载页面插件,基于Xydown美化
xydown是一款wordpress的独立下载页面插件,主要适用于wp建站用户使用,有些用户在发布文章的时候想要添加一些下载资源,使用这款插件可以把下载的内容独立出来,支持添加本地下载或者百度网盘蓝奏网盘的网址,并且可以自定义文件信息,包括设置文件名称、文件大小、更新日志以及适用版本等内容,同时还支持自定义文件信息以及添加自定义广告等。
126 1
WordPress独立资源下载页面插件,基于Xydown美化
前端学习笔记202304学习笔记第十九天-vue3.0-了解可视化面板左侧菜单
前端学习笔记202304学习笔记第十九天-vue3.0-了解可视化面板左侧菜单
64 0
Vue3后台管理点击导航页面空白无内容
今天在制作一个景区后台管理系统时,下载了一个模板使用。 在切换页面时出现了问题,页面切换了,但是页面呈现出一片空白,写好的东西都没有了。
Github上10个超好看 可视化面板,后台管理页面有着落了
Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板呢?我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。
Github上10个超好看 可视化面板,后台管理页面有着落了
在不同的页面上显示不同的Joomla模板样式
模板样式是Joomla中非常强大的功能。它们允许您将同一模板的不同版本分配给特定页面。 在本教程中,我将向您展示如何分配两种模板样式。我们将为主页分配一种样式,为站点的其余部分分配另一种样式。 第1步.复制模板样式安装模板时,默认情况下会生成单个模板样式。
第13天:页面布局实例-博雅主页
今天写了个简单的页面,再熟悉了一下div+css布局,写的还可以,以后还要多练习。此外还进一步学习了定位相关知识。 1、相对定位: 相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用: 1) 微调元素 2) 做绝对定位的参考,子绝父相 2、绝对定位: 绝对定位的参考点,如果用top描述,那么定位参考点就是页面的左上角,而不是浏览器的左上角。
916 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等