可视化H5页面设计与制作 Mugeda标准教程

第１章 移动通信、信息传播与H5

1.1 移动通信技术概述

1.1.1 通信与移动通信

1.1.2 移动通信的发展阶段

1.1.3 移动通信的优势及应解决的关键问题

1.2 信息内容与信息传播

1.2.1 信息内容及其表达形式

1.2.2 信息传播

1.3 移动用户终端与智能手机

1.3.1 无处不在的移动用户终端

1.3.2 智能手机

1.4 H5简介

1.4.1 H5的基本特征

1.4.2 H5开发工具与H5营销

1.4.3 H5案例体验

第２章 可视化的H5页面制作平台Mugeda

2.1 初识Mugeda

2.2 Mugeda的基本功能与应用

2.2.1 Mugeda的基本功能

2.2.2 Mugeda的应用

2.3 体验H5页面制作过程

2.3.1 Mugeda基本操作流程与账号注册

2.3.2 数字账号操作

2.3.3 新建H5作品

2.3.4 编辑、删除和发布作品

2.3.5 课堂实训——制作“自我介绍”H5

2.4 Mugeda的编辑界面及其操作

2.4.1 菜单栏

2.4.2 工具栏

2.4.3 页面栏、页面编辑区和舞台

2.4.4 工具箱

2.4.5 属性面板

2.4.6 课堂实训——图形变形练习

第３章 属性与基本的H5创作

3.1 工作台页面、作品管理页面的主要功能与操作

3.1.1 工作台页面的基本结构及操作

3.1.2 作品管理页面的主要功能及操作

3.2 舞台的属性与操作

3.2.1 操作任务——设置舞台的属性

3.2.2 课堂实训——新建作品练习

3.3 H5页面的基本设计与制作

3.3.1 页面的属性与操作

3.3.2 操作任务——“图文配对”游戏

3.3.3 课堂实训——“填字”游戏

3.4 预置动画

3.4.1 操作任务——“护眼台灯”产品广告

3.4.2 课堂实训——“公益宣传”广告

3.5 元件

3.5.1 操作任务——制作壁纸

3.5.2 课堂实训 ——制作产品介绍H5作品

3.6 组与长页面

3.6.1 操作任务——制作轮播图片效果

3.6.2 课堂实训——制作照片轮播效果

3.7 模板的使用

3.7.1 模板的类型与商业模板的购买

3.7.2 操作任务——使用邀请函模板

3.7.3 课堂实训——制作母亲节贺卡

3.8 加载页的设置

3.8.1 加载页的设置操作

3.8.2 课堂实训——设计加载页

第４章 行为、触发条件与交互

4.1 行为与触发条件

4.1.1 “醒一醒”动画制作与音乐控制分析

4.1.2 行为与触发条件介绍

4.2 时间线、图层和帧的概念与基本操作

4.2.1 基本概念

4.2.2 图层和帧的基本操作

4.3 帧行为交互设计与制作

4.3.1 操作任务——“看图猜成语”游戏

4.3.2 操作任务——“定时看图抢答”游戏

4.3.3 课堂实训——制作“四格漫画分页播放”效果

4.4 页行为和多层帧交互设计与制作

4.4.1 操作任务——文字按钮交互影集

4.4.2 操作任务——图片按钮交互影集

4.4.3 课堂实训——制作交互影集和交互游戏

第5章 帧动画设计与应用

5.1 帧动画制作基础

5.1.1 制作帧动画的基本方法和过程

5.1.2 操作任务——“放气球”帧动画

5.2 动画帧的操作与动画中物体运动状态的变化

5.2.1 插入帧——将动画运动速度调慢

5.2.2 删除帧——将动画运动速度调快

5.2.3 复制帧——将动画重复播放

5.2.4 移动帧——调整动画中物体的运动时间

5.2.5 复制图层与复制帧

5.3 运动镜头帧动画制作

5.3.1 “街景”移镜头帧动画

5.3.2 “飞机飞行”跟镜头帧动画

5.3.3 “通道”推镜头帧动画

5.3.4 “共享单车”摇镜头帧动画

5.3.5 课堂实训——运动镜头帧动画制作练习

5.4 运动镜头帧动画设计制作案例

5.4.1 操作任务——“倒霉的猫”帧动画

5.4.2 课堂实训——运动镜头帧动画制作与应用

第6章 特型动画

6.1 进度动画

6.1.1 操作任务——“绘制小房子”进度动画

6.1.2 课堂实训——制作“保护动物”动画广告

6.2 路径动画

6.2.1 操作任务——“UFO来了”路径动画

6.2.2 课堂实训——制作汽车动画广告

6.3 变形动画

6.3.1 操作任务——“五角星变小汽车”变形动画

6.3.2 课堂实训——制作LED 灯的H5动画广告

6.4 遮罩动画

6.4.1 操作任务——“走光”动画效果

6.4.2 课堂实训——制作“走光”动画效果

6.5 元件动画

6.5.1 操作任务——“飞机群飞”动画

6.5.2 课堂实训——制作禁烟广告动画元件及作品

6.6 动画控制

6.6.1 操作任务——双按钮动画控制

6.6.2 操作任务——单按钮动画控制

第7章 实用工具及其应用

7.1 虚拟现实工具

7.1.1 制作虚拟场景

7.1.2 添加热点和编辑热点参数

7.1.3 播放控制设置

7.1.4 添加更多场景

7.1.5 课堂实训——制作室内虚拟现实场景

7.2 微信定制工具

7.2.1 微信头像

7.2.2 微信昵称

7.2.3 定制图片

7.2.4 发布与使用

7.2.5 课堂实训——制作个性化微信页面

7.3 图表工具

7.3.1 图表的制作方法

7.3.2 课堂实训——制作学生成绩图表

7.4 表单工具和数据统计

7.4.1 操作任务——“城市人口爱好”调查表

7.4.2 数据统计

7.4.3 编辑表单

7.4.4 课堂实训——制作“*受游客欢迎的景区”调查表

7.5 预置考题工具

7.5.1 操作任务——制作模拟练习题

7.5.2 课堂实训——制作练习题

7.6 陀螺仪工具

7.6.1 陀螺仪工具的使用方法

7.6.2 课堂实训——制作“放孔明灯”交互页面

7.7 其他实用工具

7.7.1 幻灯片工具

7.7.2 擦玻璃工具

7.7.3 点赞工具

7.7.4 绘画板工具

7.7.5 随机数工具

第8章 交互逻辑案例解析

8.1 “猜谜”游戏

8.2 “拼图”游戏

8.3 “射击”游戏