【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- ...
随机推荐
- [x-means] 1.x-means简介
本文基于<X-means>和<BIC-notes>(原论文中BIC公式有误,这是对BIC的补充) K-means的缺点 每一轮迭代的计算花费大 需要用户指定K 易于收敛到局部最 ...
- 谈谈 css 的各种居中——读编写高质量代码有感
css 的居中有水平居中和垂直居中,这两种居中又分为行内元素居中和块级元素居中,不同的居中用不同方法. 水平居中 1.行内元素水平居中(文本,图片) 给父层设置 text-align:center; ...
- MySQL初始化故障-----mysql_config_editor中的坑
今天准备新启一个MySQL实例,结果竟然无法初始化,内容如下: -------------------------------------------------------------------- ...
- 【类克鲁斯卡尔做法+枚举最小边】【HDU1598】【find the most comfortable road】
题意: 给你一个图,有边权,K个询问:u到v 的路径中 边权最大值-边权最小值的最小值是多少 http://acm.hdu.edu.cn/showproblem.php?pid=1598 题解( ...
- 从头开始-06.C语言中预处理指令
预处理指令 不带参数的宏定义: 格式: #define 宏名 值 作用:提高代码的可读性 在程序编译前把所有出现宏名标示的位置都替换为定义宏的时候,宏名后面的值 带参数的宏定义 格式 #define ...
- HTML——JAVASCRIPT——光棒效果
光棒效果:建立一个表格,鼠标放到哪一行,哪一行的颜色就改变,鼠标离开那一行,那一行的颜色就恢复到原来的颜色 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
- Oracle游标cursor1基础和隐式游标
--指向表行的指针,一次一行,一般向前移动 Resultset --游标永远代代表的是一行数据. /* 使用步骤 第一步:声明游标,就像是声明一个变量样. 游标的关键字就是cursor. Declar ...
- C# 知识点回顾
一.基础知识 1.主函数:主函数是程序运行的入口. 2.数据类型: 值类型:整形(有符号.无符号)浮点型(float.double.decimal) 字符型(char.datetime) 结构体(范例 ...
- HTML2列表表单框架
HTML——Hyper Text Markup Language <html>,<head>,<body> 一.基本标签: (一)格式标签:——模型:word工具栏 ...
- 一个周末掌握IT前沿技术之node.js篇
一个周末掌握IT前沿技术之node.js篇 http://ittechnical.sinaapp.com/node-js-and-restful-api/ NodeJS入门 http://www.n ...