MAKA H5制作是啥意思?如何用MAKA做一个漂亮的微信H5

Posted 2023-03-19

参考技术A

MAKA H5制作是一个H5页面制作软件，也就是目前最新的html5网络页面，可以在手机上面看，这些网站可以不用代码编辑，除了maka这些网站知名的还有兔展，微页初页之类的。

那么如何用MAKA做一个漂亮的微信H5呢？以下是方法步骤：
方法/步骤

1.登陆

1.    登陆入口：点击首页右上角“登录”按钮进入登录界面；2.    登陆界面：输入有效注册的个人账号信息：邮箱、密码；您也可以选择QQ等第三方登录。3.    密码找回：进入账户登录界面，点底部点击“忘记密码？”，按提示重置密码；

2

2.新建项目

项目是您使用MAKA平台制作的H5作品。MAKA平台让您一分钟上手，五分钟创作属于自己的酷炫H5。

1.    新项目添加：在项目列表按钮“新建项目”，创建您的新项目；

2.    进入模板中心，选择MAKA内置模板或创建一个空白模板即可开始你的作品编辑。

3

3.编辑模式

1、全新MAKA提供固定模式和自由模式两种编辑模式。2、在固定模式中，你可以通过简单地替换文字和图片快速创作精美项目。3、在自由模式中，你可以自由添加和拖动元素，最大程度地满足用户个性化创作需求。

4

4.新建页面

1、点击编辑器左下角“+”可新建页面。

2、MAKA提供海量精美单页模板，图文模板、表单模板、数据模板、特效模板应有尽有，任君选择。您可以随意挑选满意的模板进行创作。3、 除此之外，您也可以添加空白页面。

5

5.元素编辑

1、MAKA编辑器的元素包括背景、文本、图片、形状、按钮和图标。2、点击现有元素，编辑器右侧会出现该元素的编辑选项，你可以把它变成你想要的样子。3、点击编辑器上方的各元素按钮可新增元素。

6

6.背景

（1）替换背景：点击编辑区的背景，点击右侧“替换背景”按钮，上传本地图片或使用MAKA图库的图片，可将背景替换成你选择的图片。建议上传与选择的图片尺寸大小为640*1008像素。（2）背景编辑：在这里，可根据用户喜好裁剪背景，调节背景图片的颜色、透明度等。（3）翻页效果：可修改页面的翻页效果，MAKA提供近10种页面翻页效果。

7

7.文本

（1）新建文本：点击编辑器上方“新建文本”按钮，可在页面中添加一个文本。（2）文本编辑：点击文本，可在右侧修改文本的内容、颜色和字体样式，也可修改文本框的背景色、透明度、阴影、圆角、旋转等属性，也可拖动文本框的两侧改变文本框的长度。

8

8.图片

（1）新增图片：点击编辑器上方“图片库”按钮，可打开MAKA图片库，其中包含系统图片和自己上传过的图片，选择图片即可将图片添加到页面中。（2）图片编辑：点击图片，可在右侧修改图片的尺寸、透明度、圆角、阴影、旋转、边框等属性，也可拖动图片的四角改变图片的大小。

9

9.形状

（1）新增形状：点击编辑器上方“形状元素”按钮，可选择形状添加到页面中。（2）形状编辑：点击形状，可在右侧修改形状的颜色、样式、透明、旋转等属性，也可拖动形状的四角改变形状的大小。

10

10.按钮

（1）新增按钮：点击编辑器上方“按钮链接”按钮，可在页面中添加按钮。（2）按钮编辑：点击按钮，可在右侧修改按钮的链接、文本内容和颜色、按钮背景颜色、透明度、阴影、圆角、边框和旋转等属性，也可拖动按钮的两边改变按钮的宽度。

11

11.表单

（1）新增表单：表单为特定模板中才有的元素，故添加表单时需添加表单模板。点击左下角“+”，点击“表单”，选择一个表单模板，可新增一个表单页面。（2）表单模板：目前MAKA提供2种表单样式的模板，一种可以填写2项信息，用于收集较基础的信息；另一种可以填写5项信息，用于收集较全面的信息。（3）表单编辑：点击表单的标题、描述和表单主题可在右侧分别对表单进行编辑。在此可修改表单的各项信息、表单提交按钮文本和提交反馈文本。

注意事项

HTML5的流畅度与设备型号和版本高度相关，建议使用iPhone4s以上或安卓4.0以上的设备进行浏览。

3G以上的移动网络能够给您带来绝佳的浏览体验，但部分丰富的作品建议在Wi-Fi环境下浏览。

MAKA建议作品上传音乐大小不大于1M，每张图片（支持jpg、png、gif）不大于2M。

8款好用的Html5海报制作工具，让你一分钟做出风靡朋友圈海报

5. 初页｜优质H5手机页、微信海报

   
   

   
   

   初页

   初页 - 优质H5手机页、微信海报

   云起初页官网。可免费下载安卓版和苹果版初页App，或通过电脑在线创建、编辑，轻松创作优雅、炫酷，利于微信传播的H5海报。

   CHUYE.CLOUD7.COM.CN

6. MAKA｜简单、强大的HTML5创作工具

   
   

   

   
   

   MAKA.im | 简单、强大的HTML5创作工具

   MAKA.im | 简单、强大的HTML5创作工具。移动化社交化的时代，轻、快、优雅，MAKA完美呈现！

   MAKA.IM

7. 秀米制作｜打动你的人群

   
   

   

   
   

   http://xiumi.us

8. 点点客海报｜只做移动社交营销

   
   

   

   
   

   http://www.dodoca.com/index/saomalogin

9. 兔展｜移动展示就用兔展

   
   

   

   
   

   兔展|微信场景应用_H5页面制作工具|微杂志_电子邀请函创作平台

   兔展(rabbitpre)是基于HTML5搭建的移动轻应用创建平台,是微信微场景、微杂志、微相册等HTML5应用的创作工具，让您像制作PPT一样制作炫酷的WebApp。

   RABBITPRE.COM

10. 易企秀｜移动场景自营销管家

    
    

    

    
    

    易企秀|免费移动场景应用自营销管家

    易企秀移动场景应用自营销管家,免费为中小微企业或团队提供业务场景应用展示、潜在客户在线报名收集、管理和二次营销

    EQXIU.COM

11. CoolSite360｜无需编程，响应式酷站

    
    

    
    

    CoolSite360

    CoolSite360是意派科技继Epub360(交互内容设计利器)推出以来的第二款为专业设计师打造的在线响应式网站一站式建站工具,可视化在线编辑方式,无需编程,无需下载,实时预览,在线设计响应式网站,响应式布局网页,创建html5和css3动态网站,支持跨平台,多设备,自动适配桌面及移动端,支持站点导出。

    COOLSITE360.COM

12. Vxplo｜互动大师

    
    

    
    

    Vxplo

    VXPLO(www.vxplo.com)提供了一种全新的基于“云计算”的交互媒体新格式，具有更好交互效果、更快显示速度、更方便制作流程。同时VXPLO还提供了一个在线编辑工具，让设计师在不需要编写任何代码的前提下，在线完成交互媒体设计，并且可以轻松分享到互联网任何网站。VXPLO还是一个新媒体和新想法的在线设计和展示平台。

    VXPLO.CN