如何实现PPT转成H5？

2018-10-11

1313

网友解答: 要实现PPT转成H5，首先要了解什么是H5。什么是PPT我想不用介绍了，在这里先说说什么是H5，H5就是HTML5，是近年来新的HTML标准，现在我们通常说的H5，实现上一般

网友解答:

要实现PPT转成H5，首先要了解什么是H5。

什么是PPT我想不用介绍了，在这里先说说什么是H5，H5就是HTML5，是近年来新的HTML标准，现在我们通常说的H5，实现上一般指基于H5标准的包含了html、css，甚至java的动画（动态海报）作品，个人认为也是未来取代flash的产品。所以说ppt和H5还真不是一回事。

要迅速实现PPT转H5，还真有这样的网站，这里介绍一个，朋友们在网络中去搜索“PP匠”，它能迅速将一个PPT作品转为H5，并实现在线播放。

步骤为：1.打开PP匠网站，注册一个帐号；

2.用帐号登录，选择新建项目；

3.上传自己做的ppt，等待转换；

4.转换成功后就可以编辑相关信息了，如下图，可以填入PPT的标题，也可以上传背景音乐或选用网站提供的音乐素材等；

5.保存后就可以用手机扫描上图左侧的二维码或复制下面链接浏览了。

可惜这是一个需要花钱才能长期使用的网站。如果是免费用户链接只能使用7小时。当我们在用PPT上大课，可以在上课前转换，当后排人员看不清投影的内容时可以用手机同步浏览了。

哪位朋友有更好的方法敬请指教，我也很需要，谢谢。

网友解答:

这个问题不错，我们来看看PPT和H5在能力上有什么共通的地方，再来看怎么进行能力迁移。

一、版式设计的共通性

H5其实就像一个竖版的幻灯片一样，这是大家对它的第一感觉。

事实也的确如此，我之前写过一篇文章《竖版幻灯片设计有什么诀窍？》（如：图1），比较系统地介绍了竖版的幻灯片的制作要点，推荐你看看： http://www.toutiao.com/i6402492622677475841/

H5的制作有很大程度上也遵循这样的原则。

请点击此处输入图片描述

二、操作软件的延伸性

H5常见的制作都是在几大H5制作网站完成的，如：

MAKA：http://maka.im/ （如：图2）

请点击此处输入图片描述

2. 易企秀：http://www.eqxiu.com/ （如：图3)

请点击此处输入图片描述

3. 兔展：http://www.rabbitpre.com/ （如：图4）

请点击此处输入图片描述

4. iH5：http://www.ih5.cn/（如：图5）

图5

幻灯片是在PowerPoint和Keynote中完成较多。

然而值得高兴的是，这几类大型H5制作网站在操作上和幻灯片软件有很大的相通之处，所以操作软件上问题不大。但这些网站会有一些细微区别，具体要使用过程中才知道。

这里附一个关于目前主流的三款「去广告」的规定：

1. MAKA是只能进行按年计费，能解除后端广告的最低费用为4999/年；

2. 易企秀完全删除广告的最低费用为500/个，但是表现效果会偏弱，因为易企秀制作界面没有图层的概念；

3. 兔展，99元可以去除广告。而且编辑界面可以实现效果。

三、软件作品的转换性

有没有将PPT一键转换成H5的方法？

有！

用PPT制作H5时，尽量将PPT的尺寸设置为竖版16cm*26cm（相当于建立一个640*1040的页面），并设置参考线：上下浮动12.2cm，左右浮动7.2cm——该数据来自于《和阿文一起学H5》，原理请查阅课程。

当H5设计在PPT中制作完成后，导入PP匠（ http://ppj.io/ ）或者炫课（ http://www.xuanyes.com/ ）客户端可以生成，各有特点。

网易云课堂《和阿文一起学H5》课程提到的结论是：

1. PPT已由动画并想保留，选择「PP匠」转换；（如：图6）

图6

2. PPT没有动画并想要酷炫切换效果和评论区，选择「炫课」转换。（如：图7）

图7

l 出处： @Simon_阿文研究成果（如：图8）

图8

这篇文章讲述的是简易版的H5，而涉及到编程和开发的H5会有更多玩法，这些内容不在这篇文章的讨论范围内，但我们普通人只要能好好运用上述的方法，就能应付我们在生活中的大部分场景并让你在同事中备受瞩目了。

祝你工作顺利，大放异彩。

朋友大师制作的企业介绍H5给大家欣赏（如：图9），欢迎点赞、下方留言探讨。

相关推荐