H5页面制作利用PPT搭配第三方工具忒好用

H5页面制作利用PPT搭配第三方工具忒好用

大家都知道H5页面是近些年来很盛行的一种页面技术,经常刷爆移动端的那些手机网页大部分都是H5页面。

而且它的作用是非常多的,不论是企业宣传,产品发布,招聘,邀请还是创业表达,只需要你的h5页面够创意,那它的传播就能给你可观的曝光。

很多人想自己做一个H5页面,却感觉无从下手,因为在线的H5工具有很多,但是不花钱就能搞定的却少。

今天我们来用PPT再辅助网上的一些专业的H5制作工具,就可以实现不花钱也能搞定H5页面。

下面我们就来看下如何操作。

用PPT制作H5页面有这么四个步骤:

1、页面规划

页面规划可以自己发挥自己的思维,也可以借助身边的工具,参考身边的各种广告图文或者手机端的页面。

2、分页制作

把我们规划的页面在PPT中实现,在实现的过程中我们所学的PPT的原则与技术都可以综合的应用到这里。

3、生成图像文件

将制作好的页面生成图像文件,一般文件类型选择“.jpg”格式,然后分页放存。

4、利用第三方工具生成H5页面

将生成的图片文件放在第三方工具中生成H5页面。

下面我们来具体演示一下这个过程。

我们可以在百度中搜索一下H5的工具,可能会搜到很多的推荐。

小编这里就用搜到的一个小编比较喜欢的一个H5制作软件MAKA。

我们就以MAKA为例,来看下怎么用PPT结合MAKA一块做出一个不要钱的H5页面。

H5页面制作利用PPT搭配第三方工具忒好用

打开MAKA的官网,会发现MAKA就是一个设计创意H5的这样一种工具,它是一个在线的产品,里边有很多精美的模板可以供客户使用,但是里边很多都是收费的,模板相当不错,价格也很美丽。

H5页面制作利用PPT搭配第三方工具忒好用

比如我们需要做一个教育机构的招生宣传画册,在MAKA我们就可以找一个自己比较喜欢的模板页面。如果这个页面是免费的那就很好办了,直接套用就好了。那如果是收费的呢?

没有关系,在我们的世界中什么都可以用PPT搞定。

这是这一个页面现成好的设计,上面我们说到如果自己能发挥自己的思维设计出来更好,如果设计不出来,现在的这个页面我们在PPT中实现一下看有没有难度呢?

H5页面制作利用PPT搭配第三方工具忒好用

如果可以熟练使用PPT的话里边这些页面可以说毫无难度。

我们根据具体需要和具体特色,我们在PPT中实现了类似于上面这个页面中的所有的页面。这就是四个步骤中的第二步。这里需要注意的是我们做成H5的页面的尺寸需要匹配手机页面的大小。

H5页面制作利用PPT搭配第三方工具忒好用

页面制作好了,现在我们要把它们生成又该怎么办呢?

H5页面制作利用PPT搭配第三方工具忒好用

这就进入到了第三步,我们在菜单栏点击“文件”选项卡,在弹出来的菜单中点击“另存为”按钮,选择好路径后一定要注意保存文件的类型改成图形格式,我们可以选择“JPEG文件交换格式”。

H5页面制作利用PPT搭配第三方工具忒好用

保存的时候会弹出一个对话框,问你“您希望导出哪些幻灯片?”,根据需求选择“所有幻灯片”或“仅当前幻灯片”点击确定即可。

H5页面制作利用PPT搭配第三方工具忒好用

接着就只剩最后一步,如何把它们导成H5页面呢?

打开MAKA,我们点击“创建作品”,选择长页H5类型。

H5页面制作利用PPT搭配第三方工具忒好用

这时会弹出一个新建的空白文档页面。我们需要把刚才做的五张图导入这个页面中。在左侧工具栏的最下方有一个命令“上传”。单击后选择“本地上传图片”将刚做好的五张图片上传。

H5页面制作利用PPT搭配第三方工具忒好用

然后按照顺序把五张图片摆在页面中间。

H5页面制作利用PPT搭配第三方工具忒好用

第一张摆放好以后,在图片下面点击向下箭头,调节页面向下延伸,因为后面我们还有剩余的图片要摆放。按照刚才的方法将剩余图片上传摆放并保存。

H5页面制作利用PPT搭配第三方工具忒好用

接下来是非常关键的一步“预览与分享”。

H5页面制作利用PPT搭配第三方工具忒好用

左边就是做好的页面,我们可以点击预览。

H5页面制作利用PPT搭配第三方工具忒好用

右边设置作品信息,包括名称和简介。在下方则是H5页面的一个二维码和页码的一个具体的链接。我们可以选中复制去任何一个浏览器打开,也可以发布分享。

好了,有没有发现利用刚才我们所说的步骤,制作H5页面也不在话下。

OK!今天的小技巧分享就到这里了。更多技巧请关注office共享课堂,当然,对于勤学好问的小伙伴们,还有更多office技能等你来解锁!现在加入还有免费课程领取哦!!!

来源:小豆丁的农村生活

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年1月1日
下一篇 2020年1月1日

相关推荐