欢迎光临建站系统网站,我们的服务范围是一键建站,公司建站等。

建站系统

一个高端新的网络集成营销平台

介绍一款助力营销实用的H5页面工具

作者:jcmp      发布时间:2021-04-12      浏览量:0
首先要做的,就是准备好文字资料、图片、音

首先要做的,就是准备好文字资料、图片、音乐等素材,然后用浏览器打开H5的制作网站,就可以开始创作了。我平时主要用MAKA,就借助MAKA给你演示一下吧。

1.点开MAKA官网,点击注册\登录。 『MAKA』免费H5页面。

https:// pic3.zhimg.com/718dcae5 d7237ba45c44efbdfca09596_b.png。

https:// pic3.zhimg.com/718dcae5 d7237ba45c44efbdfca09596_b.png。

https:// pic3.zhimg.com/718dcae5 d7237ba45c44efbdfca09596_r.png。

https:// pic3.zhimg.com/718dcae5 d7237ba45c44efbdfca09596_r.png。

2.然后点击【开始创建我的H5】,页面会自动跳转到模板商城。你可以。

1直接打开模板,快速地修改制作自己想要的内容,

2点击【新建空白】,充分发挥自己的设计天分。

https:// pic1.zhimg.com/296d995d b5a7a6ac5479a07664666b0c_b.png。

https:// pic1.zhimg.com/296d995d b5a7a6ac5479a07664666b0c_b.png。

https:// pic1.zhimg.com/296d995d b5a7a6ac5479a07664666b0c_r.png。

https:// pic1.zhimg.com/296d995d b5a7a6ac5479a07664666b0c_r.png。

3.选择喜欢的模板,进入创建页面,就可以开始自己的设计之旅啦!

https:// pic3.zhimg.com/6b2b2996 67f3cac768992cc3200747fe_b.png。

https:// pic3.zhimg.com/6b2b2996 67f3cac768992cc3200747fe_b.png。

https:// pic3.zhimg.com/6b2b2996 67f3cac768992cc3200747fe_r.png。

https:// pic3.zhimg.com/6b2b2996 67f3cac768992cc3200747fe_r.png。

https:// pic4.zhimg.com/eb3b868f 03993987f74272681121e293_b.png。

https:// pic4.zhimg.com/eb3b868f 03993987f74272681121e293_b.png。

https:// pic4.zhimg.com/eb3b868f 03993987f74272681121e293_r.png。

https:// pic4.zhimg.com/eb3b868f 03993987f74272681121e293_r.png。

5.点击屏幕中间的主编辑区,就可以自由地修改添加自己想要的内容。比如点击文字部分进行修改,还可以对字体属性进行修改,还有【网格】的功能,可以精准确定位置。不满意的还可以【撤销】,撤销错的还可以【恢复】,修改完即使【保存】就可以了。

https:// pic2.zhimg.com/d8b82bdf b3cdc963f7f856f282d2afed_b.png。

https:// pic2.zhimg.com/d8b82bdf b3cdc963f7f856f282d2afed_b.png。

https:// pic2.zhimg.com/d8b82bdf b3cdc963f7f856f282d2afed_r.png。

https:// pic2.zhimg.com/d8b82bdf b3cdc963f7f856f282d2afed_r.png。

6.还有插入背景音乐的功能,既可选择音乐库自带的效果,也可以上传自己想要的音乐。做完一个页面后,点击【预览该页】查看效果。

https:// pic3.zhimg.com/7ecd3089 c2bb2f9d437036252532164e_b.png。

https:// pic3.zhimg.com/7ecd3089 c2bb2f9d437036252532164e_b.png。

https:// pic3.zhimg.com/7ecd3089 c2bb2f9d437036252532164e_r.png。

https:// pic3.zhimg.com/7ecd3089 c2bb2f9d437036252532164e_r.png。

7.如需更换图片,直接点击图片,选择【更换图片】即可,图片可选择图库中已有的,或者【上传图片】,选中图片即可。

https:// pic3.zhimg.com/734de1fe a805bcd8a5842f97201d4caa_b.png。

https:// pic3.zhimg.com/734de1fe a805bcd8a5842f97201d4caa_b.png。

https:// pic3.zhimg.com/734de1fe a805bcd8a5842f97201d4caa_r.png。

https:// pic3.zhimg.com/734de1fe a805bcd8a5842f97201d4caa_r.png。

https:// pic2.zhimg.com/3af2fe28 218092e4a48367a78f142645_b.png。

https:// pic2.zhimg.com/3af2fe28 218092e4a48367a78f142645_b.png。

https:// pic2.zhimg.com/3af2fe28 218092e4a48367a78f142645_r.png。

https:// pic2.zhimg.com/3af2fe28 218092e4a48367a78f142645_r.png。

8.文字跟图片还可以设置【动作】,选择自己喜欢的效果就可以了。

https:// pic1.zhimg.com/e1163852 c7e6975d148601cef1022ce8_b.png。

https:// pic1.zhimg.com/e1163852 c7e6975d148601cef1022ce8_b.png。

https:// pic1.zhimg.com/e1163852 c7e6975d148601cef1022ce8_r.png。

https:// pic1.zhimg.com/e1163852 c7e6975d148601cef1022ce8_r.png。

9.在主编辑区还有【新建文本】【图片】【形状元素】【按钮链接】【高级功能】的设置,可以用来插入新的文本、图片、形状,还可以插入按钮、视频跟测试游戏。

https:// pic2.zhimg.com/e51d98eb 2f7b92c8762ca51ba23e6b49_b.png。

https:// pic2.zhimg.com/e51d98eb 2f7b92c8762ca51ba23e6b49_b.png。

https:// pic2.zhimg.com/e51d98eb 2f7b92c8762ca51ba23e6b49_r.png。

https:// pic2.zhimg.com/e51d98eb 2f7b92c8762ca51ba23e6b49_r.png。

10.比如点击【按钮链接】-【呼叫拨号】,对号码、文本等内容进行修改就可以了。

https:// pic1.zhimg.com/6ad6d430 03143b34d46e81623e4b9bd8_b.png。

https:// pic1.zhimg.com/6ad6d430 03143b34d46e81623e4b9bd8_b.png。

https:// pic1.zhimg.com/6ad6d430 03143b34d46e81623e4b9bd8_r.png。

https:// pic1.zhimg.com/6ad6d430 03143b34d46e81623e4b9bd8_r.png。

https:// pic4.zhimg.com/e37e5081 437e586318b2513b09525f47_b.png。

https:// pic4.zhimg.com/e37e5081 437e586318b2513b09525f47_b.png。

https:// pic4.zhimg.com/e37e5081 437e586318b2513b09525f47_r.png。

https:// pic4.zhimg.com/e37e5081 437e586318b2513b09525f47_r.png。

11.比如点击【高级功能】-【视频】,插入视频通用代码就可以了。打开原视频网站的地址,点击下面的【分享】按钮,就可以看到【通用代码】,直接复制获取即可。目前优酷、腾讯、土豆的视频都可以插入噢。

https:// pic2.zhimg.com/fcf8c801 1808525f5efe1f44531d68e5_b.png。

https:// pic2.zhimg.com/fcf8c801 1808525f5efe1f44531d68e5_b.png。

https:// pic2.zhimg.com/fcf8c801 1808525f5efe1f44531d68e5_r.png。

https:// pic2.zhimg.com/fcf8c801 1808525f5efe1f44531d68e5_r.png。

12.比如点击【高级功能】-【测试游戏】,选择自己喜欢的样式、颜色,输入题目,对选项进行修改,选项还可以增加\减少,再【编辑结果】就可以了。

https:// pic2.zhimg.com/16762227 21cca495ae0e8e4106f05f1d_b.png。

https:// pic2.zhimg.com/16762227 21cca495ae0e8e4106f05f1d_b.png。

https:// pic2.zhimg.com/16762227 21cca495ae0e8e4106f05f1d_r.png。

https:// pic2.zhimg.com/16762227 21cca495ae0e8e4106f05f1d_r.png。

https:// pic4.zhimg.com/c2d54d52 71c6c16602d0578d025692db_b.png。

https:// pic4.zhimg.com/c2d54d52 71c6c16602d0578d025692db_b.png。

https:// pic4.zhimg.com/c2d54d52 71c6c16602d0578d025692db_r.png。

https:// pic4.zhimg.com/c2d54d52 71c6c16602d0578d025692db_r.png。

13.最后,点击【预览\发布】,生成的二维码和链接可以转发给朋友或者放到微信公众等平台。这样,属于你的个性化的酷炫H5就生成啦!

https:// pic4.zhimg.com/f2003eed d2feaede29ba7860118cd27b_b.png。

https:// pic4.zhimg.com/f2003eed d2feaede29ba7860118cd27b_b.png。

https:// pic4.zhimg.com/f2003eed d2feaede29ba7860118cd27b_r.png。

https:// pic4.zhimg.com/f2003eed d2feaede29ba7860118cd27b_r.png。

PS:

1.为了避免丢失,建议每创建完一个组件,就【保存】一次。

2.插入视频的话,目前优酷、腾讯、土豆这几个主流网站都支持。

3.勤能补拙,多加练习,才能熟悉功能,制作出更精美的H5。