从零基础变身H5高手 视频课程

零基础快速上手，热门案例精讲。这几年利用H5形式的移动营销案例层出不穷，在微信里经常能够体验到，H5页面的炫酷以及应用的广泛和便利，H5也是设计师职场加分的神技能。把H5学好是要了解基本工作界面，重要的还是要结合一些热门案例进行学习，才能成为H5的制作高手。网易云课堂是网易公司旗下实用技能学习平台。与优秀讲师、专业机构、院校合作，为您提供海量优质课程，推出的各种知识视频课程深受学员们的喜爱。

网易云课堂热卖从零基础变身H5高手视频课程，现价198元，本课程包含156个课时，有部分免费课程可以试听；提供视频里的相关素材下载，有学习交流群提供老师问题答疑。

适合人群

平面设计师、UI设计师、动画设计师及有兴趣转行H5的人群。

课程简介

主讲老师：

岑远科  Mugeda首席布道师，曾为网易，华为，大众点评等知名品牌创作移动端HTML5动画案例，在业内属HTML5动画大神级别。理论与实践结合度高。

课时：156课时

学习方式：视频课程

学习目的：让你轻松掌握H5。

本课程是由Mugeda专业级H5制作云平台制作的视频课程，包含零基础入门、高手进阶、热门案例精讲三个部分的内容。入门课程，讲解最基本的Mugeda工作界面，学会制作酷炫动画；进阶课程，掌握高级动画的制作和无代码添加交互的神技能；案例课程，揭秘当下最热H5背后的制作秘密。让你零基础就能学、无需任何代码、极类似的Flash界面体验，无论小白还是设计师都能迅速上手。

课程大纲

一、零基础入门

1.零基础快速入门H5

• Mugeda是什么？

• 快速制作炫酷动画 

• 无代码添加交互 

• H5作品相关设置

• Mugeda模板的使用

• 手机屏幕适配方法

• 图片处理

• 声音及视频处理

• 图片上传/素材库 

• 文本/文本段落 

• 网页 

• 幻灯片 

• 视频

• 声音

• 绘制素材

• 云字体

• 曲线图表

• 建组 

• 虚拟现实

• 粘贴第三方文字和图片

• 常用编辑操作

• 导入PSD及注意事项

• 声音和视频素材的压缩和运用

二、高手进阶课

1.Mugeda教你制作高级H5动画

• 时间轴及图层

• 选择工具

• 关键帧动画

• 路径动画

• 复制帧/图层

• 进度动画

• 曲线变形动画

• 预置动画

• 元件动画

• 分页/加载页

• 遮罩动画

• 动画运动

2.无代码交互H5动画制作

• 行为添加以及触发事件

• 帧的行为

• 页的行为

• 播放元件片段

• 改变元素属性

• 改变图片

• 设置定时器

• 手机功能

• 跳转链接

• 微信头像/微信昵称

• 定制图片

• 录制声音

• 分享信息

• 自定义表单

• 系统默认表单

• 定制文字

3.Mugeda教你做H5小游戏

• 陀螺仪 

• 定时器

• 随机数

• 擦玻璃

• 点赞

• 绘画板

• 舞台动画关联

• 元件动画关联

• 属性关联

• 自动关联

• 公式关联

• 条件判断

• 逻辑表达式判断

三、热门案例精讲

1.热门H5案例精讲（第一季）

章节1:本课程购前必读

• 购买须知

• 如何预览案例及下载素材

• 本课程使用软件——Mugeda

章节2:为什么你必须学H5

• 什么是H5？

• Flash已被移动端放弃

• 你的朋友圈都被这些H5刷爆了

• 交互设计师是前景和钱景都很好的职业

章节3:熟悉工具，助你更快入门

• Mugeda能做什么

• 一个在线制作H5的工具，更快更效率

章节4:小白入门，5分钟制作酷炫H5

• 快速制作炫酷动画

• 快速制作炫酷动画

• H5作品相关设置

• 学会使用Mugeda模板

章节5:H5实操指南1（准备素材篇）

• 图片上传

• 导入PSD及注意事项

• 声音及视频处理

• 添加文字

• 云字体

• 绘制素材

• 曲线图表

• 常用编辑操作

章节6:H5实操指南2（制作动画篇）

• 关键帧动画

• 路径动画

• 进度动画

• 曲线变形动画

• 预置动画

• 元件动画

• 遮罩动画

• 动画运动

章节7:H5实操指南3（无代码添加交互篇）

• 陀螺仪

• 定时器

• 随机数

• 擦玻璃

• 点赞

• 绘画板

• 虚拟现实

章节8:H5实操指南4（调用微信功能）

• 微信头像/微信昵称

• 定制图片

• 录制声音

• 分享信息

章节9:H5实操指南5（H5小游戏必杀技）

• 舞台动画关联

• 元件动画关联

• 属性关联

• 自动关联

• 公式关联

• 条件判断

• 逻辑表达式判断

• 多种表达式的写法

章节10:史上最全H5案例学习合集

• 【动画类】什么才是福（上）

• 【动画类】什么才是福（下）

• 【视频类】星巴克咖啡

• 【交互游戏类】谁是足球明星

• 【小游戏类】拍出惊喜

• 【模拟朋友圈类】Mugeda CEO邀你群聊

• 【绘画板功能类】里约大冒险

• 【一镜到底类】天猫双十一宇宙邀请函

• 【快闪】快闪H5制作

• 【游戏类】H5换装小游戏

• 【视差类】视差类H5的制作

2.热门H5案例精讲（第二季）

章节1:本课程购前必读

• 购买须知

• 如何预览案例及下载素材

• 本课程使用软件——Mugeda

章节2:Mugeda，在线H5制作云平台

• Mugeda简介

• Mugeda都能做什么

• 学会使用Mugeda模板

• Mugeda界面布局

章节3:H5基础操作（导入素材）

• 文本

• 图片

• 幻灯片

• 音频

• 视频

• 网页

• 曲线图表

• 全景

• 绘制图形

章节4:H5基础操作（动画形式）

• 预置动画

• 时间线

• 关键帧动画

• 路径动画

• 曲线变形动画

• 遮罩动画

• 元件动画

章节5:H5进阶操作（控件&表单）

• 擦玻璃

• 点赞

• 绘画板

• 定时器

• 随机数

• 陀螺仪

• 自定义表单

• 系统默认表单

• 定制文字

章节6:H5进阶操作（微信功能&交互）

• 微信头像/微信昵称

• 定制图片

• 录制声音

• 分享信息

• 行为添加以及触发事件

• 帧的行为

• 页的行为

• 播放元件片段

• 改变元素属性

• 改变图片

• 设置定时器

• 手机功能

• 跳转链接

章节7:热门H5案例精讲

• H5版Flappy Bird的制作

• 连连看H5小游戏

• 魅族：用遮罩做局部镜头特效

• 网易：5点连线画一个爱