H5快速入门手册.pdf

一、 H5 快速入门 平台介绍 Mugeda 就是什么？ Mugeda 就是一个专业级 H5 交互动画制作云平台 ,基于云平台计算框架 ,Mugeda 无需任何下载与安装。 如何进入 Mugeda 界面？ 1)下载 Google 浏览器 :(考虑有些浏览器对 html5 得支持不够 ,建议使用 chrome 浏览器 ),打开 Google 浏览器 ,输入、 mugeda 、 进入 Mugeda 首页。 2)注册 Mugeda 账号 :进入首页后 ,可点击右上角 注册“ ”,通过几步简单得步骤注册 一个新账号。 也可以点击 立即体验“ ”进入操作界面。 Mugeda 功能介绍？ 1)简单制作交互动画 :Mugeda 操作界面与 Flash 高度相似 ,因此有 Flash 基础得 朋友基本不用通过学习就可快速制作出一个 H5 作品。此外 ,设计师也无需添加任 何代码即可完成复杂得交互。 除了设计师 ,工程师在 Mugeda 中也大有所为 ,在 脚本“ ”按钮中 ,工程师可以写入 “JS代码来制作自己想要得交互效果。” 2)手机观瞧 :在 Mugeda 中制作出得 H5 作品支持随时手机观瞧 ,点击 通过二维码“ 共享 ”按钮 ,可用手机扫描出现得二维码观瞧作品效果。 3)发布作品 :点击橙色 发布“ ”按钮 ,可发布 H5 作品 ,用 Mugeda 平台发布得任何 H5 作品都没有 Mugeda 得 Logo, 大家可以放心使用。 4)共享、导出作品 :Mugeda 同时还支持动画作品得共享、 导出。除此之外 ,Mugeda 还支持 GIF 、视频、 PNG 等格式得导出 ,基本覆盖现在流行得主流多媒体格式 , 功能十分强大。导出步骤 : 文件“ ”→“导出 ”→选择导出格式。 5)针对企业账号 ,Mugeda 提供专业企业服务。 点击操作界面右上角账号管理得三 角形 ,在下拉菜单中选择 团队管理“ ”,可进入团队管理页面。在管理页面中 ,可添加 企业成员 ,方便进行人员及作品管理。企业账号与子账号 ,子账号与子账号之间可 共享作品 ,十分方便。 6) 数据服务 :Mugeda 还提供专业得数据服务。 针对每一个作品 ,我们可以在后台 统计页面中浏览到数据。在数据页面 ,可以选择统计时间段、每个时段得浏览量 与用户数 ,方便运营人员进行详细得分析。 基于微信传播 ,Mugeda 还提供朋友圈、 单聊、群聊以及其她四种传播来源数据。 快速入门 添加预置动画 预置动画就是 Mugeda 根据大众需求在自己得框架里设置好得动画效果。 鼠标 选中 选择“ ”工具 ,点击舞台上得素材 ,右边 添加预置动画“ ”按钮 (红色圆圈按钮 ),弹 出 添加预置动画“ ”对话框。 制作翻页动画 类似 PPT 得翻页效果 学会使用 Mugeda 模板 Mugeda 提供免费模板与付费模板 ,其中动画与交互都已经添加好了 ,用户可根据 自己需求重新编辑。 二、界面与舞台 界面与舞台简介 Mugeda 得舞台包括常用菜单栏、工具箱 (快捷工具栏 )、时间线 (时间轴 )、工具 条、页面栏、舞台与属性栏。 舞台缩放与物体缩放功能 缩放功能分为两部分 : 1、舞台缩放 :对舞台显示内容得缩放 ,这个不改变物体得实际大小 ,只就是改变显 示得大小 ; 2 、物体缩放 :对物体得缩放 ,这个会改变物体得实际大小 ; 翻页得相关设置