【Sharepoint】CSS与Master Page的开发与部署
一、CSS的开发与部署相对比较简单,先是要上传CSS文件到样式库中,然后在页面模板中将上传的自定义CSS样式文件设置为所有文件的默认css文件。下面详细的介绍CSS文件的开发与部署过程。
1.编写自定义的CSS文件。Sharepoint网站有一个默认的名字为core.css的CSS文件,我们先把它的内容全部复制出来,先粘贴到我们自定义的CSS文件里面。由于core.css文件控制了默认的很多页面样式,因为自定义的css样式将会替换core.css文件作为默认的样式表单,所以最好不要做修改,而是应该原封不动的复制进自定义css文件中。
2.将编写好的css文件上传到样式库中,红色框选的就是上传的自定义样式文件,如下图:
3.下面要做的就是把刚上传的CSS文件设置为整个Sharepoint网站的默认css样式了。点击网站动作,选择“修改所有网站设定”,进入设置页面:
4.点击上图中的“主版页面”设定,进入下图所示的页面,点击浏览按钮选择自定义的css文件,并勾选将所有子网站重设为继承此替代的CSS URL选项,最后点击确定按钮。
做完上述步骤,CSS的开发发布工作算是完成了。
二、Master Page的开发与部署。Masterpage使Sharepoint开发页面变得异常简单,几乎不用太多的页面开发时间,只用开发简单的一个或几个母板页和page layout就可以了,剩下的就是往两者组合成的页面中添加WebPart了。你可以采用Sharepoint默认的界面,这样做出的效果也不算太差,但是缺乏灵活性和定制性。如果你想做自己风格的Sharepoint网站,那就要开发自己的自定义母板页和page layout了。Maserpage主要以Sharepoint Designer为开发工具,下面详细描述一下它的开发与发布过程。
1.用Designer打开Sharepoint网站,依次点开左边的文件列表,如下图:
2.复制default.master文件,并在这个maserpage活页夹中粘贴一份,重命名为custom.master,将custom取出编辑它。注意点:默认的masterpage31个ContentPlaceHolder一个都不能少,至于布局可以自定义成任何你想要的宽度和位置。
3.编辑好custom.master文件之后,记得将它存入,并将之发布、核准,这些步骤必须做完custom才能起作用。
4.发布方法类似CSS的发布,如下图:
至此,Masterpage的开发与发布就完成了。
【Sharepoint】CSS与Master Page的开发与部署的更多相关文章
- 转载 SharePoint 2013配置Master Page and Page Layout
转载原地址: http://www.cnblogs.com/huangjianwu/p/4539706.html 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. 进入 ...
- SharePoint 2013 Deploy Master Page And Page Layout
2013年9月27日的一篇随笔,其实也是自己编写的部署文档,由于客户是HK的,所以描述部分是用英文. 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. First, L ...
- 通过SharePoint Designer对SharePoint 2010的Master Page进行自定制
1:需要在对应的SiteCollection 和 Site 中开启Publishing的服务 2:在Designer中创建自己的Master Page,进行对原始v4.master代码进行复制,和修改 ...
- Creating a New Master Page in SharePoint 2013
Creating a New Master Page in SharePoint 2013 This article explains how to create a Master Page in S ...
- Adding a WebPart to a SharePoint 2013 Master Page 分类: Sharepoint 2015-07-08 01:03 7人阅读 评论(0) 收藏
On SharePoint 2013 you can not add the Web Parts to the master page the same way of 2010. Please use ...
- sharepoint 2010 页面添加footer方法 custom footer for sharepoint 2010 master page
转:http://blog.csdn.net/chenxinxian/article/details/8720893 在sharepoint 2010的页面中,我们发现,没有页尾,如果我们需要给页面添 ...
- 自定义SharePoint2013 master page
SharePoint uses templates to define and render the pages that a site displays. The structure of a Sh ...
- SharePoint Server 2013开发之旅(三):为SharePoint Server配置App开发、部署、管理环境
上一篇我讲解了如何利用微软提供的Office 365开发人员网站,进行在线的SharePoint App开发,这当然是不错的一个选择,因为你可以快速地进行开发和调试.(仅仅针对App开发而言).但是, ...
- SharePoint Framework (SPFx)安装配置以及开发-基础篇
前言 SharePoint Framework(SPFx),是页面 和Webpart的模型,完全支持本地开发(即完全可以脱离SharPoint环境在本地进行开发),SPFx包含了一系列的client- ...
随机推荐
- ubuntu 下node 环境的安装
1. 安装nodejs sudo apt-get install nodejs 注意:包名是nodejs 2. 建立node软连接 #找到nodejs位置 which nodejs # /usr/bi ...
- #include <hash_set>
哈希查找,不需要排序,适用于精确查找,比二分查找更快 #define _SILENCE_STDEXT_HASH_DEPRECATION_WARNINGS #include <iostream&g ...
- c++多线程崩溃错误1
主线程中的子线程没有jion,导致主线程马上结束,子线程对象被释放掉,而子线程还在后台继续执行导致崩溃 int main() OBJ = classA() OBJ.START()//在start函数中 ...
- android 自定义圆形进度条
一.通过动画实现 定义res/anim/loading.xml如下: [html] view plain copy print ? <?xml version="1.0" ...
- JS获取客户端IP地址、MAC和主机名七种方法
一.使用JS获取客户端IP的几个方法方法一(只针对IE且客户端的IE允许AcitiveX运行,通过平台:XP,SERVER03,2000).获取客户端IP代码:<HTML><HEAD ...
- SpringMVC中采用简洁的配置实现文件上传
文件上传我们一般会有两种策略,一种是通过IO流上传,还有一种是通过表单上传,其实这两种在客户端实现起来都是很简单的,在服务端处理会略有差别,个人感觉IO上传代码简单,但是也有很多硬伤,还是表单上传更合 ...
- 去掉UItableview headerview黏性
//去掉UItableview headerview黏性 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { if (scrollView ...
- smarty模版使用php标签,获取模版变量!
<ul>{/foreach from=$A key=k item=val/}{/php/} $val = $this->_tpl_vars[val]; $date = substr( ...
- 【译】Optimize for mobile-移动端优化
移动端优化 由于移动设备有限的CPU处理能力,移动网络的高往返时间,以及移动应用的快速增长,对移动端的理解以及优化相对于PC端来讲变得更加重要.Page Speed Insights 现在可以让你轻松 ...
- linux 生产环境搭建
Linux基础命令杂记 今天又一次搞Linux生产环境搭建.这是种步骤很多,很繁琐而且又不得不做的事情.虽然做过很多次,但还是有很多步骤.命令不记得,每一次到处找资料很麻烦,于是将一些步骤记下,以 ...