首页 > 软件开发 > HTML >

HTML5创作工具,MAKA 2.0史上最全操作指南

来源:互联网 2023-03-16 19:19:45 360

超过 15000 种模板组合。还怕你没有发挥的空间吗?MQ1办公区 - 实用经验教程分享!

MQ1办公区 - 实用经验教程分享!

MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟,MAKA现在已成为国内HTML5创意交互模式的领导者以及新媒体时代的移动解决方案提供者。MQ1办公区 - 实用经验教程分享!

MQ1办公区 - 实用经验教程分享!

MQ1办公区 - 实用经验教程分享!

MAKA在线创作平台是由MAKA团队推出的一款基于HTML5技术的交互内容在线编辑平台,使用户能以最简单的方式,自主创作极具精致体验的手机交互卡片。MQ1办公区 - 实用经验教程分享!

MQ1办公区 - 实用经验教程分享!

MAKA编辑器制作版本分为1.0与2.0版本:MQ1办公区 - 实用经验教程分享!

1)1.0版本适用于无专业设计支持的普通用户,通过模板嵌套快速在5分钟内制作手机端交互卡片;MQ1办公区 - 实用经验教程分享!

2)2.0版本适用于有专业设计支持的企业与设计师,通过自由编辑,自定义图片、文字与位置。MQ1办公区 - 实用经验教程分享!

MQ1办公区 - 实用经验教程分享!

现Milu就2.0版本的使用进行详细描述!MQ1办公区 - 实用经验教程分享!

相当辛苦,请给赞~MQ1办公区 - 实用经验教程分享!

操作步骤

  • 1

    注册与登陆MQ1办公区 - 实用经验教程分享!

    点击首页图中部按钮或首页右上角按钮进入注册以及登录界面MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 2

    新项目创建MQ1办公区 - 实用经验教程分享!

    1)点击“项目管理”按钮“新项目添加”,创建一个新项目;MQ1办公区 - 实用经验教程分享!

    2)微信分享头图上传,建议尺寸120*120像素(1:1正方形);MQ1办公区 - 实用经验教程分享!

    3)微信分享标签标题设置:MQ1办公区 - 实用经验教程分享!

    输入项目主标题与副标题(副标题为非必填项),建议字数为20字以内。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 3

    行业模板选择MQ1办公区 - 实用经验教程分享!

    行业模板内置使用于多个行业不同领域的成套模板,供企业或个人快速添加、使用。行业模板每套包含5-10个页面,按照不同行业逻辑设置了介绍、说明、联系、购买等不同功能性页面。MQ1办公区 - 实用经验教程分享!

    1)将鼠标移至特定模板区域,出现“预览”与“添加”功能按钮。点击预览,进入模板预览界面,进行上下翻页浏览可浏览不同页面。MQ1办公区 - 实用经验教程分享!

    2)进行行业模板预览后,返回行业模板列表,将鼠标移至特定模板区域,点击“添加”按钮,则该模板被添加至对应账号的项目管理列表当中。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 4

    编辑模式选择MQ1办公区 - 实用经验教程分享!

    选择“添加项目”后,则出现选择编辑器模式的弹出框;MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 5

    新建页面MQ1办公区 - 实用经验教程分享!

    点击新建页面的加号按钮,可参考您喜爱的图文排布,选择适用的模板或选择新建空白页面。MQ1办公区 - 实用经验教程分享!

    在添加页面按钮上方选中您喜爱的线框模板,可在页面中央预览区域对模板动态效果进行实时预览。元素通过右键可实现元素复制、层次变化、删除等操作。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 6

    背景添加MQ1办公区 - 实用经验教程分享!

    双击预览区域上的背景图片,点击右侧“替换背景图片”按钮,上传本地图片或使用MAKA素材图片,背景建议尺寸大小为640*1008像素。MQ1办公区 - 实用经验教程分享!

    背景替换图片下方设有背景图裁剪区域与背景相关参数的调节选项,主要包括背景颜色、透明度、模糊度等参数调节。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 7

    翻页效果设置MQ1办公区 - 实用经验教程分享!

    MAKA作品默认手指向上滑动页面动作触发翻页指令。MQ1办公区 - 实用经验教程分享!

    2.0创作模式版本当中翻页效果(背景替换右侧工具栏下方)选项中提供丰富动态翻页效果供用户选择。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 8

    元素添加MQ1办公区 - 实用经验教程分享!

    操作界面上方为元素添加菜单栏,用户可按需求添加文字、图片或有外部链接跳转功能的按钮。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 9

    图片添加MQ1办公区 - 实用经验教程分享!

    1)若采用模板或在相同位置进行图片替换,可点击右侧工具栏“替换”按钮进行图片替换,替换图片保持原图片状态,其形状、动作等参数设定均保持不变。MQ1办公区 - 实用经验教程分享!

    2)若在页面当中新增图片,可点击上方工具栏“添加图片”按钮,可使用素材库图片或本地上传新图片,添加至页面后,进行图片的参数编辑。MQ1办公区 - 实用经验教程分享!

    MQ1办公区 - 实用经验教程分享!

    编辑器右侧工具栏可进行图片参数编辑,主要包括图片样式与动作编辑。图片样式包括图片形状、边框、层次等,图片动作编辑可进行图片出现动态与延时调节。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 9该信息非法爬取自百度经验
  • 10

    文本添加MQ1办公区 - 实用经验教程分享!

    1)若采用模板或在相同位置进行文本替换,可双击选中文本框进行文本编辑,替换文本元素保持原状态,其样式、动作等参数设定均保持不变。MQ1办公区 - 实用经验教程分享!

    2)若在页面当中新增文本,可点击上方工具栏“添加文字”按钮,添加至页面后,进行文本的相关样式、动态参数编辑。MQ1办公区 - 实用经验教程分享!

    MQ1办公区 - 实用经验教程分享!

    编辑器右侧工具栏可进行文本参数编辑,主要包括文本样式与动作编辑。文本样式包括文本大小、行距、颜色、边框、层次等,文本动作编辑可进行文本出现动态与延时调节。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 11

    音乐添加MQ1办公区 - 实用经验教程分享!

    点击音乐添加按钮,可以使用MAKA内置的免费音乐,也可点击“自定义上传”上传本地音乐。音乐添加支持MP3格式音乐,建议将音乐压缩至1m以内后上传。MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 12

    保存与预览MQ1办公区 - 实用经验教程分享!

    1)点击操作界面右上方,进入预览界面;MQ1办公区 - 实用经验教程分享!

    2)打开具有扫一扫功能的APP,扫描右侧二维码可用移动设备进行观看;MQ1办公区 - 实用经验教程分享!

    HTML5创作工具,MAKA 2.0史上最全操作指南MQ1办公区 - 实用经验教程分享!

  • 注意事项

    • MAKA基于Html5技术实现,由Chrome谷歌浏览器与电信高速宽带能带来最佳体验,请使用Chrome浏览器进行作品编辑。
    • 设备适配:H5流畅度与设备型号与版本高度相关,移动设备建议使用IPhone 4S及以上或安卓4.0版本及以上进行支持。
    • 网络适配:移动网络适配3G以上网络为佳,部分体积较大的作品建议在WIFI环境下观看。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!MQ1办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码