一、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. 【LeetCode练习题】Candy

    分糖果 There are N children standing in a line. Each child is assigned a rating value. You are giving c ...

  2. Zepto,Zepto API 中文版,Zepto 中文手册,Zepto API,Zepto API 中文版,Zepto 中文手册,Zepto API 1.0, Zepto API 1.0 中文版,Zepto 1.0 中文手册,Zepto 1.0 API-translate by yaotaiyang

    Zepto,Zepto API 中文版,Zepto 中文手册,Zepto API,Zepto API 中文版,Zepto 中文手册,Zepto API 1.0, Zepto API 1.0 中文版,Z ...

  3. hdu 4393 Throw nails(STL之优先队列)

    Problem Description The annual school bicycle contest started. ZL is a student in this school. He is ...

  4. UITableView 或 UIScrollView 点击状态栏列表回到顶部

    整理来自互联网- 这是tableView继承的scrollView的一个属性 scrollsToTop. 官方说明是这样的: // When the user taps the status bar, ...

  5. 基于Andoird 4.2.2的同步框架源代码学习——同步提供端

    Android同步框架 同步(synchronization)允许用户将远程数据下载到新的设备上,同时将设备上的帐户数据上传到远端.同步还保证用户能够看到最新的数据. 开发者自然可以通过自己的方式来设 ...

  6. Altium designer使用技巧集(1)

    1.如何生成PCB 先得新建个PCB文件(File-New-Pcb):然后保存下,在新建的PCB文件下:Design-Import Changes From PCB_PROJECT1.PRJPCB(D ...

  7. Framework7功能齐全的 iOS7 App 前端框架

    Framework7 是一个功能很全的 HTML 框架,用来构建 iOS7 应用程序. Framework7 允许您灵活搭建列表视图(表视图) .你可以让他们作为导航菜单,你可以在列表里面使用图标,输 ...

  8. Oozie入门

    作者 Boris Lublinsky, Michael Segel ,译者 侯伯薇 发布于 2011年8月18日 |注意:QCon全球软件开发大会(北京)2016年4月21-23日,了解更多详情! 分 ...

  9. css3文本效果

    CSS3 包含多个新的文本特性. 在本章中,您将学到如下文本属性: 1. text-shadow 2. word-wrap 浏览器支持 Internet Explorer 10.Firefox.Chr ...

  10. Android学习Tabhost、gallery、listview、imageswitcher

    Tabhost控件又称分页控件,在很多的开发语言中都存在.它可以拥有多个标签页,每个标签页可以拥有不同的内容.android中,一个标签页可以放 一个view或者一个activity.TabHost是 ...