高大上的H5怎么样快速制作

伟der诚品|2017-22

什么是H5

有个小伙伴在后台留言说想要知道一些关于H5的知识，刚好又是周末留的言，所以也借这个机会把我所了解与认知的H5整理后分享给大家。

可能有些小伙伴还不知道H5是什么，百度的解释是：H5（HTML5）就是把广告做成一个场景，通过二维码或者转发链接，让用户更直观的体验互动，场景可以包括：图片、视频、音频、地图、导航、会议报名、产品链接等多个模块，是一种新的移动媒体广告模式.。

我对H5的定义其实很简单，就是在线版的PPT，在我看来，H5的本质就是PPT，只不过展示与播放的方式不同罢了。

以上便是我对H5的定义，仅供参考，有不同意见欢迎补充。（点击阅读原文查看以前制作的一个案例）

H5的应用很广，在很多地方我们都可以看到H5的应用比如婚礼以及活动的邀请函、会议通知、招聘招生广告、回忆录、电子相册以及广告等方方面面。

你可能在朋友圈已经看过了无数个H5，今天这篇文章就是教你怎么样去制作一篇属于你自己的H5。

首先简述一下我所知道制作H5的两种方法，一种便是通过在线的一些网站或者是APP来制作，另一种便是通过我们熟悉的PPT来制作好之后通过工具转换成H5。

那么可以在线制作H5的网站或APP有哪些呢？其实这类工具现在有很多，比较老牌也比较出名的便是MAKA，其它的像秀米、易企秀、人人秀、IH5......等网站都可以制作H5。

接下来便给大家介绍一下如何使用在线网站制作H5。（用MAKA来给大家演示）

开始制作之前，大家一定要知道的是H5的制作其实很简单，并没有你想象中的那么难！

百度输入MAKA之后找到MAKA的官网，如果要制作H5的话网站会要求你注册一个账号。按照提示注册登录之后就会看到下面的界面，然后点击模板商城便可以开始制作了。

进入模板商城之后你会看到很多的模板，MAKA优点便是模板数量比较多，种类也比较多，你可以进入相应的分类找到你所需要制作的类型。

刚开始用MAKIA的时候很多模板都是免费的，现在可能知名度比较高了，收费模板多了起来。如果你只是学习与练手的话，选一些免费的就可以了。

选择好模板之后直接点击模板便可以预览模板，预览后如果觉得是你想要的，直接点击立即使用就可以进入编辑界面了。（以上次做的一个H5来举例）

上面的图片便是简单的关于操作界面的介绍，当然还有一些细节就没有介绍，等你自己去发现。

看完介绍后要怎么样操作呢？进入操作界面后点击背景你便可以通过上传自己的照片更换背景，点击相应的文字你便可以更换文字的内容。更换完文字之后你便可以通过右侧的操作框调整文字的属性，像文字的大小，颜色，位置等。如下图，图片同理。

编辑好好文字和图片后你便可以给图片或文字添加动作，右侧操作框中有很多的动画预设，你可以直接选择，特别简单与方便。同时你还可以调整动画的延迟和速度，这些需要你去实际操作一下便能够很好的理解了。

当你将一页一页的模板的文字和图片的内容更换完成后，点击右上角的音乐便可以添加或更换背景音乐，当然也可以不要背景音乐，这些都是由你决定。

如果音乐库里面没有你想要的音乐，你还可以通过上传音乐来添加背景音乐。

你在编辑时可以随时点击右上角的预览去查看最终效果，通过预览你可以更好的去调整动画文字等。

当所有的文字，图片和音乐都设置完成之后并且预览无问题后，你便可以点击保存了，回到我的作品页面便可以看见你刚刚完成的作品，点击预览可以设置名字等。

点击预览后你还可以获得作品的链接与二维码，将链接和二维码保存，以后你就可以通过二维码或者链接向别人展示你的作品了。

想说的话

关于如何在线制作H5就给大家简单介绍到这里了，补充一句，很多APP也可制作H5，像MAKA本身就有APP。至于使用PPT制作H5我会在以后的文章中去介绍，有需要的话你到时候可以看看。

最后还是想表达一个观点：互联网每天都有新的东西产生，我们需要有一颗好奇与求知的心。

千万不要以为新事物一定就是很复杂，很难，很高大上。

其实现在很多的东西都特别的简单，只是你把它想得太难了。就像今天所提的H5，我第一次看到的时候就觉得好高大上，但是后来了解怎么样制作后，发现其实也不过如此。

限制你的并不是工具，而是你的认知！