一、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的开发与部署的更多相关文章

  1. 转载 SharePoint 2013配置Master Page and Page Layout

    转载原地址: http://www.cnblogs.com/huangjianwu/p/4539706.html 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. 进入 ...

  2. SharePoint 2013 Deploy Master Page And Page Layout

    2013年9月27日的一篇随笔,其实也是自己编写的部署文档,由于客户是HK的,所以描述部分是用英文. 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. First, L ...

  3. 通过SharePoint Designer对SharePoint 2010的Master Page进行自定制

    1:需要在对应的SiteCollection 和 Site 中开启Publishing的服务 2:在Designer中创建自己的Master Page,进行对原始v4.master代码进行复制,和修改 ...

  4. 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 ...

  5. 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 ...

  6. sharepoint 2010 页面添加footer方法 custom footer for sharepoint 2010 master page

    转:http://blog.csdn.net/chenxinxian/article/details/8720893 在sharepoint 2010的页面中,我们发现,没有页尾,如果我们需要给页面添 ...

  7. 自定义SharePoint2013 master page

    SharePoint uses templates to define and render the pages that a site displays. The structure of a Sh ...

  8. SharePoint Server 2013开发之旅(三):为SharePoint Server配置App开发、部署、管理环境

    上一篇我讲解了如何利用微软提供的Office 365开发人员网站,进行在线的SharePoint App开发,这当然是不错的一个选择,因为你可以快速地进行开发和调试.(仅仅针对App开发而言).但是, ...

  9. SharePoint Framework (SPFx)安装配置以及开发-基础篇

    前言 SharePoint Framework(SPFx),是页面 和Webpart的模型,完全支持本地开发(即完全可以脱离SharPoint环境在本地进行开发),SPFx包含了一系列的client- ...

随机推荐

  1. [x-means] 1.x-means简介

    本文基于<X-means>和<BIC-notes>(原论文中BIC公式有误,这是对BIC的补充) K-means的缺点 每一轮迭代的计算花费大 需要用户指定K 易于收敛到局部最 ...

  2. 谈谈 css 的各种居中——读编写高质量代码有感

    css 的居中有水平居中和垂直居中,这两种居中又分为行内元素居中和块级元素居中,不同的居中用不同方法. 水平居中 1.行内元素水平居中(文本,图片) 给父层设置 text-align:center; ...

  3. MySQL初始化故障-----mysql_config_editor中的坑

    今天准备新启一个MySQL实例,结果竟然无法初始化,内容如下: -------------------------------------------------------------------- ...

  4. 【类克鲁斯卡尔做法+枚举最小边】【HDU1598】【find the most comfortable road】

    题意:  给你一个图,有边权,K个询问:u到v 的路径中   边权最大值-边权最小值的最小值是多少 http://acm.hdu.edu.cn/showproblem.php?pid=1598 题解( ...

  5. 从头开始-06.C语言中预处理指令

    预处理指令 不带参数的宏定义: 格式: #define 宏名 值 作用:提高代码的可读性 在程序编译前把所有出现宏名标示的位置都替换为定义宏的时候,宏名后面的值 带参数的宏定义 格式 #define ...

  6. HTML——JAVASCRIPT——光棒效果

    光棒效果:建立一个表格,鼠标放到哪一行,哪一行的颜色就改变,鼠标离开那一行,那一行的颜色就恢复到原来的颜色 <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...

  7. Oracle游标cursor1基础和隐式游标

    --指向表行的指针,一次一行,一般向前移动 Resultset --游标永远代代表的是一行数据. /* 使用步骤 第一步:声明游标,就像是声明一个变量样. 游标的关键字就是cursor. Declar ...

  8. C# 知识点回顾

    一.基础知识 1.主函数:主函数是程序运行的入口. 2.数据类型: 值类型:整形(有符号.无符号)浮点型(float.double.decimal) 字符型(char.datetime) 结构体(范例 ...

  9. HTML2列表表单框架

    HTML——Hyper Text Markup Language <html>,<head>,<body> 一.基本标签: (一)格式标签:——模型:word工具栏 ...

  10. 一个周末掌握IT前沿技术之node.js篇

    一个周末掌握IT前沿技术之node.js篇 http://ittechnical.sinaapp.com/node-js-and-restful-api/ NodeJS入门  http://www.n ...