最近上映的热播剧《法政先锋Ⅳ》期待了好久的，很想看，没办法，买了个优酷会员；
老板发了一份PDF文件给我，让我按照这个参考做成PPT，没办法，买了个金山会员；
老板说要做一个项目的H5宣传，刷爆朋友圈，又买了一个会员~~啊啊啊还有多少个会员等着我去买呀！
今天就来教大家一个用PPT也可以做出好看的H5，重点是不用买会员噢，今天我们就参考MAKA/码卡里面的一个会员版本的H5，(PS：MAKA/码卡是一个专门做H5设计的网站http://maka.im/ ，有需要的小伙伴可以收藏一下噢)，ok，接下来就进入到今天的学习吧！
1、首先，我们需要新建一张PPT，接着调整版面，具体步骤：设计菜单栏——幻灯片大小——自定义幻灯片大小——宽屏——纵向；一般来说，H5都是用在手机上看的，所以我们将幻灯片大小改为宽屏，幻灯片方向改为纵向，其他的参数无需更改!
2、接下来就是在ppt上“做文章啦”，小伙伴们找一张自己喜欢的图片放到左边——根据图片的设计，在幻灯片上“复制”一份出来(时间关系，这边就不对这部分展开讲了，有兴趣的小伙伴可以关注我们的公众号，下次出一篇关于ppt设计的干货噢！)——ok完成，接下来就到第三步了！
其他的文本和图片依此类推，逐个另存为图片即可，相信你肯定可以跟得上进度的！
4、当你将所有的幻灯片素材都另存为图片后，我们继续到第四步，将所有的素材上传到码卡网站的，开始做H5的制作啦！具体步骤：打开码卡网站http://maka.im/ —— 找到作品管理—— 创建作品——翻页H5——空白创建——ok进入到H5 制作的页面（附视频1）
成功进入到H5编辑界面后，上传——本地上传图片——找到之前保存的图片文件夹——选择需要的图片——打开
Ok，这样就完成了图片的上传了啦！接下来就回到网页上，按照ppt里的排版将素材在H5制作上完成！如下图
5、接下来的步骤就通过视频让大家更加直观的看到效果（附视频2/3）
这样子就用ppt做出了第一个H5效果啦，后面的幻灯片的制作同理，时间关系这里就不跟大家展示了，下面这是小编做好的，大家可以扫码看看效果，大家快去试试吧！
今天的分享就到这，如果教程对大家有用，希望大家多多分享点赞支持小编哦！你的每一次点赞和转发都是支持小编坚持原创的动力。
|
|
|
打开微信扫一扫，Office自学网
专注分享软件安装和视频教程，让你一号在手，办公无忧！
