问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

SharePoint入门教程之创建及修改母版页

发布网友 发布时间:2024-08-19 07:26

我来回答

1个回答

热心网友 时间:2024-08-22 21:41

在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改Master比较方便。

  当然,如果需要使用母版页,必须开启SharePoint 2013的发布功能,也就是去网站集功能和网站功能,打开激活发布的Feature。

1、激活发布功能

2、打开SharePoint Designer 2013(以下简称spd),打开网站,右侧菜单选择母版页,选中seattle.master,Ctrl+C –>Ctrl+V,然后重命名即可。当然,你可以选择其他母版页,两个母版页的命名很有意思,一个西雅图,一个奥斯陆(挪威首都);

 

3、  右键 -> 在高级模式下编辑文件(或者直接双击)进入代码编辑,如果出现大片黄色背景,可以选择Ribbon菜单上的高级模式(途中红框标识);

 

 

4、在

效果,如下图:

 

5、在上面,添加Foot;

效果,如下图:

 

6、但是打开页面,你会发现看不到foot的div(如下图),因为被sharepoint样式覆盖了;

添加样式:

          body   /*Body元素样式*/

          {

          width:1349px !important;

          overflow:auto !important;

          padding:0 !important;

          margin:0 !important;

          background-color:green !important;

         }

 

7、添加body样式后效果,如下图:

 

8、隐藏”左侧导航”,添加如下样式:

         /*左侧导航隐藏*/

         #sideNavBox

         {

         display:none !important;

         }

 

效果如下图

如上图,左侧导航被css样式表隐藏掉了,同样的方法,我们可以隐藏掉标题栏,修改空出来的padding、margin值,而Css样式都可以通过浏览器开发工具进行查找。

9、隐藏标题Div,如下css样式;

         /*标题行隐藏*/

         #s4-titlerow

         {

         display:none !important;

         }

 

效果,如下图:

 

10、去掉s4-workspace的宽高,设为自动值;

         /*去掉wordspace宽高*/

         #s4-workspace

         {

         width:auto !important;

         height:auto !important;

         }

效果,如下图:

至此,我们只需要把红框位置的空白去掉就可以了,然后给header和foot自己的样式,就能达到我们想要的效果。

 

11、隐藏边框css样式,并且,给header和foot所在div样式,因为测试,所以样式给的有点难看,大家参考一下方法就好;

 

         /*去掉内容margin*/

         #contentBox

         {

         margin:0;

         }

        

         /*去掉行padding*/

         #contentRow

         {

         padding:0;

         }

        

         /*去掉body容器padding*/

         #s4-bodyContainer

         {

         padding:0;

         }

        

         /*头div样式*/

         .myhead

         {

         height:70px;

         background-color:#90AFC6;

         text-align:center;

         vertical-align:middle;

         }

        

         /*脚div样式*/

         .myfoot

         {

         height:50px;

         background-color:#90AFC6;

         text-align:center;

         vertical-align:middle;

         }

 

12、最后的展示效果,如下图:

如上图,就是最后母版页的效果了,你可以在header里面放上你的flash、导航等,foot是网站的版权信息,中间部分就是网站的布局了。当然,如果你想再修改ribbon菜单的话,也可以参照上面方法,找到标签名称,使用权限+css样式表(或者js)的方式,更合理的处理Ribbon菜单。

 

结束语

本文介绍的只是一个母版页的制作思路,并不是一个完整实例,也没有根据一个完整的效果图进行排版,只是希望给大家一个简单参考,希望对于刚刚入门的人们有所帮助。

当然,如果你还不清楚母版页在SharePoint中的作用,本文并没有深入介绍,你可以参考附录中的参考文档,了解SharePoint中页面结构,加深自己的理解。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
...flash学得好、将来会有什么用、求哥哥、姐姐们、帮帮忙 我即将初中毕业,想要读技校,但又不知选那科好`哥哥姐姐们帮个忙吧! 成绩不好,高中毕业想学电脑,哪位哥哥姐姐知道帮忙推荐下学校_百度知 ... 大学计算机3级 怎样学习啊 难吗 哥哥姐姐 帮帮忙吧 ...就业怎样?我报了这个专业,请各位哥哥姐姐帮帮忙 请IT业工作的哥哥姐姐帮忙出出主意~~ ...师傅让他沿着水缸边行走练功。有谁知道这个电影叫什么? 小伙穿越拜"小龙女"为师,与小龙女合练武功是什么电影 ...电影开头是一个赤膊的男主角在练功,然后再和队友们去做任务,结果一... ...一秒竟然穿越了醒来第一句话就是疼死宝宝了是什么电视剧? 百分比如何对比分析 SharePoint母版页和页面布局实例教程 word怎么插入母版页怎么添加母版页 穆罕默德·阿里·真纳人物简介 适合说晚安的唯美句子大全 适合说晚安的唯美句子大全图片 提醒朋友注意身体的唯美句子 早安唯美句子和图片描写早安的经典诗句 耀武扬威是什么意 陕西优利士全脂羊奶粉是真的吗 qq群右侧为什么显示群留言板不显示成员 国际主义战士白求恩出生于1890年3月4日 万家名城二期车位有产权证吗 百问未来中国目录 四川泡酸萝卜的做法和腌制方法 主角研究出抗癌药的小说 极品神医小说目录 五家渠旅游景点好玩的地方五家渠景点有哪些 都快做了又1000瓶德莱尼智慧药剂怎么还不领悟合剂啊-!!! 异界全职业大师章节目录 空调电抗器坏了会有什么症状呢? 什么叫差异比率 两个数字相差百分比怎么计算,比如749.86与650相差多少百分比,最好有... ...当时没有添加母版页,事后想要添加,要怎么办? 两个数字相差百分比怎么计算,比如749.86与650相差多少百分比?_... 2022年三伏天一伏多少天 为什么选择三伏天调理身体 2022三伏天是几月几日开始 怎么调理身体-百科/常识 重生科技强国类小说,发明全息技术(重生科技强国类小说) 求一本超好看的人工智能小说名字:主角从一个网页上下到一个未来的人工... 夏季吃有哪些养生食谱 什么是奶枣奶枣介绍和做法 奶枣是什么?吃奶枣有什么好处? 奶枣是啥东西 女主现代重生文要强大的 女主拥有高科技脑子现代重生文,女主很强大 女主重生星际采摘异值的小说 车有报废年限吗 在网易云买的付费课程,一直没学,找不到了,怎么办 战争让大海变成了什么样子 以前战争的时候,军舰被击沉就沉入大海吗?不污染环境吗? excel中如何将数据转为折线图?