日臻薄技 | H5页面制作用PPT搭配第三方工具

发布于 2021-02-22 17:31

大家都知道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页面。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

END

太原理工大学软件学院

-互联网+能力提升平台 2018-

来源:微信公众号:office共享课堂

如有侵权,请联系作者删除。

排版:刘媛媛

责编:李昊然