可视化H5页面设计与制作 Mugeda实用教程PDF|Epub|txt|kindle电子书版本网盘下载

可视化H5页面设计与制作 Mugeda实用教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 为什么要学习H5应用开发技术1

1.1移动互联网与信息传播1

1.2智能手机的产生与发展2

1.3现在人们为什么离不开智能手机3

1.4 H5的特征4

1.5 H5开发及开发工具5

1.6 H5营销6

第2章 H5页面制作工具Mugeda7

2.1初识Mugeda7

2.1.1 Mugeda开发背景7

2.1.2动画与交互动画7

2.1.3什么是Mugeda8

2.1.4 Mugeda平台特点8

2.2 Mugeda的基本功能与应用9

2.2.1 Mugeda的基本功能9

2.2.2 Mugeda的应用9

2.3体验Mugeda制作H5动画过程11

2.3.1操作基本流程概述11

2.3.2注册Mugeda账号11

2.3.3从创建到发布——制作并发布一个简单的H5作品12

2.4 Mugeda的界面17

2.4.1主界面17

2.4.2菜单栏18

2.4.3工具栏21

2.4.4时间轴21

2.4.5舞台与页面栏22

2.4.6工具箱22

2.4.7属性面板23

第3章 基本H5页面制作25

3.1属性25

3.1.1任务解析——“鹿”字的来历25

3.1.2课堂实训——制作H5创意名片33

3.2元件34

3.2.1任务解析——壁纸设计与制作34

3.2.2课堂实训——用元件制作企业宣传招贴42

3.3组与长数据42

3.3.1任务解析——轮播图片的设计与制作42

3.3.2课堂实训——利用长数字制作轮播图片并发布45

3.4模板的使用与生成46

3.4.1任务解析——利用模板制作端午节粽子营销广告47

3.4.2课堂实训——利用模板制作母亲节贺卡52

第4章 H5动画页面的制作及相关设置53

4.1完整H5作品包含的基本内容53

4.1.1加载页53

4.1.2内容页54

4.2素材导入与使用54

4.2.1导入图片54

4.2.2导入视频和声音57

4.3预置动画58

4.3.1任务解析——制作护眼台灯产品广告58

4.3.2课堂实训——制作公益广告宣传页面62

4.4帧动画62

4.4.1任务解析——制作“放飞自我”帧动画63

4.4.2课堂实训——制作汽车行驶的移镜头效果66

4.5加载页设置66

4.6 H5发布信息设置68

4.6.1任务解析——为“暴饮暴食”H5设置发布信息68

4.6.2课堂实训——设计新年晚会H5邀请函，并设置发布信息70

4.7屏幕适配70

4.7.1手机屏幕尺寸计量与换算70

4.7.2手机尺寸与分辨率70

4.7.3 iPhone 4S手机舞台屏幕适配71

4.7.4课堂实训——用横屏显示方式制作龟兔赛跑的H5作品74

4.8文件夹管理与使用74

4.9层数据缩放与舞台缩放76

4.10图层数据调整81

4.11标尺与辅助线82

第5章 行为、触发事件与交互控制85

5.1行为与触发事件85

5.1.1帧动画行为控制与触发事件体验85

5.1.2任务解析——安全驾驶的交互动画188

5.1.3行为/触发事件实验93

5.1.4行为与触发事件介绍93

5.1.5课堂实训——安全驾驶的交互动画296

5.2帧行为交互控制96

5.2.1任务解析——轮播甲骨文“鹿”“虎”“比”“从”196

5.2.2课堂实训——利用帧行为控制4格漫画的播放效果98

5.3页行为交互控制99

5.3.1任务解析——轮播甲骨文“鹿”“虎”“比”“从”299

5.3.2课堂实训——利用页行为控制4格漫画播放101

5.4多图层帧的交互设计与制作101

5.4.1任务解析——轮播甲骨文“从、比、北”101

5.4.2课堂实训——种花生小游戏104

第6章 动画应用105

6.1进度动画105

6.1.1任务解析——制作绘制小房子的进度动画105

6.1.2课堂实训——制作保护动物的动画广告106

6.2路径动画107

6.2.1任务解析——制作汽车行驶的路径动画107

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

6.3曲线动画109

6.3.1任务解析——制作“和爸爸一起钓鱼”动画109

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

6.4遮罩动画116

6.4.1任务解析——制作按钮走光效果116

6.4.2课堂实训——按钮走光效果制作118

6.5元件动画119

6.5.1任务解析——制作飞机群飞动画119

6.5.2课堂实训——制作禁烟广告素材元件121

6.6图层复制与帧复制121

6.6.1任务解析——复制图层121

6.6.2任务解析——复制帧124

6.7动画控制127

6.7.1任务解析——双按钮动画控制127

6.7.2任务解析——单按钮动画控制128

第7章 素材优化处理130

7.1图片压缩处理130

7.1.1对PSD文件进行格式转换130

7.1.2对PNG文件进行压缩处理132

7.1.3课堂实训——制作一个5页的个人作品集134

7.2视频处理135

7.2.1从素材库中导入视频135

7.2.2调整视频文件大小及播放位置135

7.3声音处理142

7.3.1声音上传142

7.3.2更换添加音效后的声音图标143

7.3.3利用“背景音乐”属性添加背景音乐143

7.3.4任务解析——音乐播放/暂停控制与按钮设计145

7.3.5课堂实训——为7.1.3节课堂实训中完成的作品添加背景音乐150

第8章 特殊应用功能151

8.1虚拟现实151

8.1.1任务解析——制作虚拟场景151

8.1.2课堂实训——制作室内虚拟场景161

8.2网页及手机定制功能161

8.2.1网页功能162

8.2.2课堂实训——利用网页功能发布网页163

8.2.3手机功能163

8.2.4课堂实训——利用手机功能实现朋友间联络165

8.3微信功能165

8.3.1微信头像处理165

8.3.2微信昵称处理166

8.3.3定制图片处理167

8.3.4录音处理167

8.4调用第三方文字和图片169

8.4.1导入文字169

8.4.2导入图片171

8.4.3课堂实训——制作一个游记H5页面171

第9章 实用工具及其应用172

9.1曲线图表172

9.1.1任务解析——制作学生成绩曲线图表172

9.1.2课堂实训——设计制作自己上一周每天的消费支出明细表175

9.2表单及统计175

9.2.1任务解析——城市人口爱好调查表176

9.2.2课堂实训——制作本年度受欢迎的旅游景区调查表183

9.3幻灯片184

9.4擦玻璃185

9.5点赞与投票186

9.5.1任务解析——活动招贴186

9.5.2课堂实训——设计一个对联点赞页188

9.6绘图板188

9.6.1默认绘画板188

9.6.2自制绘画板189

9.6.3课堂实训——制作一个H5节日贺卡191

9.7陀螺仪191

9.7.1任务解析——制作放飞孔明灯的动画191

9.7.2课堂实训——设计并制作一个不倒翁小游戏194

9.8随机数194

9.8.1任务解析——动态产品广告的设计与制作194

9.8.2课堂实训——设计制作打地鼠小游戏197

9.9计时器197

9.9.1任务解析——制作H5新闻页面197

9.9.2课堂实训——制作毕业设计作品集200