SharePoint 2013 中将 HTML文件转换为母版页

原文:SharePoint 2013 中将 HTML文件转换为母版页

SharePoint 2013提供了很多新功能,下面我们看看将Html页面,转换为母版页的功能。这个功能更加方便设计人员设计母版页,并实施到sharepoint中去,是一个非常不错的功能。来来来,进入正题!~

1、 首先,新建一个Html页面,效果如下图:

预览效果:

2、 将这个html页面上传到sharepoint,我选择上传到“母版页样式库”;

3、 我选择作为“设计文件”上传,当然你也可以选择其他的文件类型;

4、 上传成功以后,点击“设置”—“设计管理器”,左侧导航选择“编辑母版页”;

5、 选择“将 HTML 文件转换为 SharePoint 母版页”,找到刚刚上传的html文件;

6、 选择我们上传的html文件,点击插入(如果你上传的不是设计文件,选择你上传的文件类型,才能找到你的html页面,默认是设计文件);

7、 插入以后,稍等片刻,就可以看到转换成功(当然,你的html也符合标准,否则的话,可能会转换失败);

8、 下面开始应用我们转换成功的母版页;

打开网站设置,网站母版页设置,发现下拉框里没有我们转换成功的,却只有系统自带的,好奇怪,打开spd看一眼!

9、 打开spd,找到母版页,发现有我们新转换的母版页,我很欣慰啊;

猜想:或许是因为转换的是asp.net母版页,自带的是母版页,所以下拉列表找不到?

10、 既然找不到,我就在spd直接设置为母版页试试;

中间会弹出是否更改为15的提示框,是或者否看你需要咯

11、 我在spd中设置为默认母版页,打开首页;

居然没有反应,跟之前一样,刷新了好几次,都这样!好吧,还有一个设置为自定义母版页,试试,看一看效果吧!

12、 设置为自定义母版页后,打开,终于出现我要的东西了!!

后话:谁翻译的spd,设置为默认母版页,其实改的系统母版页,而自定义母版页,改的是页面,这翻译真够坑爹的!!

13、 设置完系统母版页,发现一个问题,我们的内容心不在中间,而且样式跟之前也不一样了。后来查资料,转换之前的样式,不能卸载head标签里,否则会被覆盖掉。下面,我们修改这个母版页,把PlaceHolderMain放到中间吧。特别注意,我们要修改html文件,不要去修改master页面(给开发人员使用),html是设计人员使用的,修改以后会覆盖master,方便设计。

如上图,把PlaceHolderMain的div全部放在我们放内容的地方。而后看下效果,如下图:

终于看到我们的母版页的头部和尾部了!很欣慰,把丢了的样式加进去吧!

14、 添加样式的时候,发现,原来的样式只是被注释掉了,其实还在(如下图所示),好吧,还原回来!

当我试图把样式还原的时候,发现无论放在head标签或者body标签里,style样式都是不起作用的,不知道你们是不是一样,所以只好改为外部引用。

找了好久,找到样式表位置,跟10貌似位置不太一样,如下图:

加入我们自己的样式,如下图:

当然,我们也可以自定义一个样式表,然后引用。

15、 终于查看带效果的母版页了,不容易啊!如下图!效果一般,哈哈,就是测试一下,需要调整再调整了~~~

题外话:这样转换的模板,我们可以直接修改html页面,然后spd会自动修改master,如果修改了master再改html会覆盖掉之前修改的。

时间: 2024-10-07 13:11:30

SharePoint 2013 中将 HTML文件转换为母版页的相关文章

SharePoint 2013 母版页修改后,无法添加应用程序

原文:SharePoint 2013 母版页修改后,无法添加应用程序 问题描述:前一段时间尝试了一下将HTML文件转换为母版页,但是,用着用着又发现新的问题,我们转换的母版页,设置成默认母版页以后,无法添加应用程序,只有一个对话框一直加载.我们拷贝自带的母版页,修改Html同步master以后,也无法添加应用程序.如下图: (一直显示“正在加载”的界面) (正常的添加应用程序的页面) 考虑了一下问题可能出现在哪儿,因为我是自己转换的母版页,所以我就Copy了一个自带的母版页,然后使用生成的mas

SharePoint 2013中的默认爬网文件扩展名和分析文件类型

摘要:了解默认情况下 SharePoint 2013 爬网的文件扩展名及其解析的文件类型,可以借此了解搜索可以爬的文件和支持的功能. 如果“管理文件类型”页上的列表包含文件扩展名,爬网组件将仅爬网文件.内容处理组件只能解析爬网文件的内容: 当它具有可解析文件格式的格式处理程序. 当使用格式处理程序解析具有文件格式和文件扩展名的文件时. 默认情况下,SharePoint 2013 满足很多文件类型的这些要求. 默认爬网文件扩展名和解析文件格式 下表显示 SharePoint 2013 具有内置格式

SharePoint 2013 Deploy Master Page And Page Layout

2013年9月27日的一篇随笔,其实也是自己编写的部署文档,由于客户是HK的,所以描述部分是用英文. 涉及到的内容是关于SharePoint 2013如何部署自定义的母版页和布局页. First, Login to site collection by site collection administrator, and we should click the menu of "Site collection features" in "Site Collection Adm

SharePoint 2013 母版页取消和HTML页关联

原文:SharePoint 2013 母版页取消和HTML页关联 前言:在新版本的SharePoint 2013上,有新的功能可以通过HTML导入母版页,然后HTML和Master页面相关联,更改HTML页的时候,Master会自动同步修改,然而,有些时候我们不需要这样的关联,所以,我们要取消这样的关联.其实操作很简单,只是在设计管理器里找到html页,编辑他的属性,取消关联即可.简单的截图介绍,见笑了. 1.在页面上,点击设置,设计管理器,如下图: 2.进入设计管理器,选择第四项,编辑母版页:

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

原文:SharePoint 2013 入门教程之创建及修改母版页 在SharePoint 2013中,微软提供了根据HTML页面转换Master页的方法,并支持单项同步,但是这样的更新,并不完善,会使一些功能造成丢失,所以,了解Master结构的人,尽量直接去修改Master比较方便. 当然,如果需要使用母版页,必须开启SharePoint 2013的发布功能,也就是去网站集功能和网站功能,打开激活发布的Feature. 1.激活发布功能 2.打开SharePoint Designer 2013

SharePoint 2013 图文开发系列之Visual Studio 创建母版页

原文:SharePoint 2013 图文开发系列之Visual Studio 创建母版页 一直以来,对于SharePoint母版页的创建,都是使用SharePoint Designer来创建和修改的,而后接触了SharePoint 2013,发现可以使用Html文件,通过设计管理器导入,然后生成Master页面使用,但是效果不是很好. 其实,SharePoint还可以通过代码方式创建和部署母版页,创建的过程比较简单,篇幅很短,也不需要很详细的解说,相信了解开发的人,很容易就能搞定.之前浏览博客

sharepoint 2013 创建母版页

一.创建新的母版页, 并添加了新的样式表 1.从CodePlex 上获得Starter Master Pages for SharePoint 2010 或复制以下母版代码 <%@Master language="C#"%><%@Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft

Office 365 - SharePoint 2013 Online 中创建母版页

1.登陆SharePoint Online站点,点击右上角的设置按钮,如下图: 2.点击进入网站设置,到下面两个地方开启SharePoint Server 发布基础架构: 网站集管理 – 网站集功能 网站操作 – 管理网站功能 3.用SharePoint Designer 2013打开SharePoint Online站点,如下图: 4.Designer打开SharePoint Online站点,拷贝西雅图母版页并同时重命名为Home,如下图: (注:如果遇到复制或者签入签出错误,可以断开htm

sharepoint 2013 中修改母版页简单介绍

sharepoint 2013 中修改母版页简单介绍 分类: SharePoint2013-07-05 11:10 1565人阅读 评论(1) 收藏 举报 1.打开网站操作:设计管理器中创建html母版页,系统会自动生成.master的母版页 2.打开spd编辑签出新建的html的母版页,在<body>中上面加上style="overflow:auto;",增加滚动条 3.在<body></body>中最上面加banner,最下面 添加相应的foot