搜索

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

html5手机网站模板作品制作攻略

跳转楼层 0 227
MIN酱
x0

发表于 2016-10-11 16:18:09 | 显示全部楼层 |阅读模式
爱刷微博爱看朋友圈的大家一定都没少见html5页面吧?那些精致又有趣的h5页面有没有让你觉得充满创意和新意?是不是有时候也想自己制作一个呢?既然如此,MIN酱现在就教你最快的html5手机网站模板作品制作攻略!快接招吧!

1.在手机的App Store/应用商店 下载“MAKA”;
html5手机网站模板.jpg
2.使用手机号注册(如已有MAKA账号,可输入账号密码登录;也可直接点击下方图标登陆);
html5收集网站模板2.jpg
3.登陆进去后,点击下方“+”新建作品;
html5手机网站模板3.jpg

4.在“模版商城”挑选你喜欢的模板进行创作,也可以点击“自由创作”自己DIY作品;

5.进入作品编辑界面后,选择作品中每张单页的模版,作品页数没有限制,每页的可编辑功能有:

A、单图/多图/图组:单纯添加图片,可添加一张或者一组图片;
html5手机网站模板4.jpg
B
、表单:可添加链接,包含官网链接、报名表链接,视频链接,地图链接等等;可添加报名表收集信息等;
html5手机网站模板5.jpg
C
、介绍:可用于做为介绍页或者封面页;
html5手机网站模板6.jpg
6. 编辑每一页的内容,可编辑背景、文字、图片、按钮等,编辑完一页可直接向左滑动添加或编辑下一页;
按照此种方式根据作品需要添加完多张页面即可;最后点击右下角的耳机按钮,进行背景音乐的设置;
html5收集网站模板9.jpg
7.制作完成后点击右上角的预览生成作品,可更改作品的标题及分享缩略图,目前支持直接分享到微信好友、微信群、微信朋友圈、新浪微博,或者直接复制作品链接或转发二维码。(小技巧:也可以通过分享到朋友圈打开,点击微信右上角,获取海报的链接,将链接添加到微信公众号自定义菜单、阅读原文中去)
html5手机网站模板7.jpg
有了如此简单快捷的html5手机网站模板作品制作方法,以后轻轻松松在手机上做出炫酷的h5页面完全没问题!又一新技能get√!你还不赶紧试试看吗?!