搜索

论坛版块 MAKA教程 H5制作技巧

2016年最详细实用的MAKA编辑器PC端使用教程:全程图解

跳转楼层 0 3005
小MA哥
x0

发表于 2016-5-16 17:22:45 | 显示全部楼层 |阅读模式
       关于用MAKA来制作H5的教程网上已经有很多了,不过最近MAKA编辑器已经升级到了3.2.0版本,所以小编再做一份教程,即使是第一次使用,看过之后也能轻松上手。

       戳这里进入MAKA在线制作平台:http://maka.im/

  注册之后登录,这个自己点进去填注册信息就好,这个不用我教吧?注册成功后点击开始创作。

QQ截图20160516172352.jpg

    接下来会跳转进MAKA模版商城,MAKA提供了互联网、电商、零售、婚庆十余个行业和招聘、邀请函、会议、促销活动等十余种常用场景,你可以根据不同需要 点击选择不同的行业和场景来挑选合适的模版。

    看到左上角的按钮了吗?默认是全部的模版,不过你可以点一下免费按钮,MAKA免费模版就自动跑到前排来啦。
图片2.png

    选择一个所需模板进行编辑,如果该模版免费,你就可以点击立即使用,然后跳转至MAKA编辑器进行创作,如果是收费模版的话,点击立刻购买并支付完成后就可以使用啦。

    下面正式进入实战教学,点击“新建空白”或者选择已购买的模版进入MAKA编辑器页面。

    a.点击“编辑文本”的图标,进行文本编辑,添加或修改文字。

图片3.png

b.点击“图片”的图标,可选择图片上传。


图片4.png

    c.点击“形状元素”,可选择不同形状进行添加。

图片5.png

    d.点击“按钮链接”,可选择添加不同功用的按钮链接。这个应该是企业营销人员最常用的了吧,比如说加个跳转链接,就可以跳转到促销页面。

图片6.png

    e.这是MAKA编辑器新加入的高级功能,可以在H5页面加入视频和现在朋友圈里很流行的测试小游戏。

图片7.png

    f.点击“背景音乐”,可添加不同音乐。

图片8.png

    g.如果想制作多个H5页面,点击左下角的“+“,就可以添加新的页面啦。

图片9.png

    h.除了普通版式之外,MAKA还有统计版式和特效版式可以选择,这里面种类就很多啦,统计版式中有各种类型的图表,无论是你要做柱状图还是饼状图或者曲线图都能找到对应的模版。

图片10.png

    i.特效版式的话就是可以让在你的H5作品里加入像擦一擦、指纹解锁、来点显示之类的特效,这样做出来的H5也会比较有趣好玩。

图片11.png

    j.在制作完成后就可以发布啦,不过记得先保存一下哦。

图片12.png

    k.顶端是你的作品的标题描述等等,记得修改。左侧是H5预览效果,右侧是二维码和H5链接。

图片13.png

    点击完成,你就可以把你的作品复制分享给好友啦,是不是So Easy呢?

    当然啦,这只是一个初级的教程,如果你想当一个H5制作的高手,可以扫描下方的二维码,关注MAKA公众号,能学到不少制作H5的进阶小技巧哦~
图片14.png