ppt转html5原理,如何实现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)，欢迎点赞、下方留言探讨。