一、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. (续)线性表之双向链表(C语言实现)

    在前文实现单向链表的基本操作下,本文实现双向链表的基本操作. 双向链表与单链表差异,是双向链表结点中有前向指针和后向指针.所以在插入和删除新结点元素时候不见要考虑后向指针还要考虑前向指针. 以下是双向 ...

  2. 搭讪培训班 - 名品试用 - YOKA时尚论坛 - YOKA社区

    搭讪培训班 - 名品试用 - YOKA时尚论坛 - YOKA社区 搭讪培训班 发贴回复 发新话题 发布投票 搭讪培训班   1330 1 阅读 回复 跳转到指定楼层 加为好友 时尚懒洋洋 工作:无业游 ...

  3. MODULE_AUTHOR、MODULE_DESCRIPTION、MODULE_LICENSE宏

    在阅读Linux Driver源码时,我们常常会在文件的结尾处看到诸如:MODULE_AUTHOR.MODULE_DESCRIPTION.MODULE_LICENSE等宏定义,这些宏主要是定义了一些模 ...

  4. java分页数据导出excel

    /** * 订单导出(用于统计利润) * @return */ public String orderExport() throws IOException{ if (queryOrderList_c ...

  5. .net程序员转战android第二篇---牛刀小试

    上篇说道如何搭建android的开发环境,这一篇我们将牛刀小试一下, 完成我们第一个android APP应用. 我就从新建项目说起吧. 首先打开Eclipse,选择顶部的File(文件)——new( ...

  6. css3实现图片遮罩效果鼠标hover以后出现文字

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  7. sql语句批量处理Batch

    package Statement批量处理; import java.sql.Connection; import java.sql.DriverManager; import java.sql.St ...

  8. pythonj基础之 多线程

    多线程类似于同时执行多个不同程序,多线程运行有如下优点: 使用线程可以把占据长时间的程序中的任务放到后台去处理. 用户界面可以更加吸引人,这样比如用户点击了一个按钮去触发某些事件的处理,可以弹出一个进 ...

  9. 也谈js函数节流

    1.什么是js函数节流 其本质就是不让某些代码(函数)在没有间断的情况下连续重复执行,目的就是让执行函数的请求停止了一段时间后才执行. 2.函数节流运用的场景 窗口大小的改变(resize事件),滚动 ...

  10. 通过js控制html页面不能右键,复制等

    <script type="text/javascript"> //Method one //<![CDATA[ //document.oncontextmenu ...