本课程系统讲解移动融媒体应用的核心技术，重点围绕H5交互页面设计与制作展开。课程以Mugeda平台为主要工具，从基础操作到高级动画，涵盖宣传、广告、问卷、答题及游戏等多种H5应用场景的开发实践。通过学习，学生将掌握融媒体内容创作的全流程技能，能够独立完成各类移动端交互作品的策划与制作。

视频课程目录：
1. 课程导学
2. 基础H5交互页面制作
3. 宣传类H5交互页面制作
4. 广告类H5页面制作
5. 问卷类H5交互页面制作
6. 答题类H5交互页面制作
7. 游戏类H5交互页面制作
8. 木疙瘩认证设计师
9. H5应用案例
10. 网站素材包及其它资源
11. 代码实现移动网站
12. 代码实现移动网站（菜单版）
13. 试题




├─{01}--课程导学
│ #1.1.1#--图文.pdf
│ #1.1.2#--图文.pdf
│ #1.1.3#--图文.pdf
│ #1.4#--图文.pdf
│ (1.2)--《移动融媒体应用技术》课程标准--吴亚玲(3).doc
│ (1.3)--移动融媒体应用技术_授课计划_2022上.doc
│ [1.1]--什么是融媒体(1).mp4
│
├─{02}--情境1基础H5交互页面制作
│ #2.1#--图文.pdf
│ #2.2#--图文.pdf
│ #2.3.1#--图文.pdf
│ #2.3.2#--图文.pdf
│ #2.4#--图文.pdf
│ #2.5#--图文.pdf
│ #2.7.1#--图文.pdf
│ #2.7.2#--图文.pdf
│ #2.7.3#--图文.pdf
│ (2.1)--基础H5交互页面制作(2).pdf
│ (2.3.1)--情境一任务1（初识Mugeda）.pdf
│ (2.3.2)--1.1mugeda是什么(1).doc
│ (2.4.1)--情境一任务2（Mugeda基本操作流程和编辑界面）.pdf
│ (2.4.2)--1.4.1H5作品相关设置－加载、文档信息(3).doc
│ (2.4.3)--1.4.2发布作品(1).doc
│ (2.5.1)--情境一任务3（第一个H5作品）.pdf
│ (2.5.2)--第一个H5作品.doc
│ (2.5.3)--1.4.2发布作品.doc
│ [2.3.1]--初识Mugeda.mp4
│ [2.3.2]--木疙瘩平台介绍.mp4
│ [2.3.3]--Mugeda是什么.mp4
│ [2.4.1]--情景一任务2.mp4
│ [2.4.2]--情景一任务2.1.mp4
│ [2.4.3]--情景一任务2.2.mp4
│ [2.4.4]--界面概览.mp4
│ [2.4.5]--舞台缩放.mp4
│ [2.5.1]--情景一任务3.1.mp4
│ [2.5.2]--发布作品.mp4
│ [2.7]--专题一拓展训练(1).mp4
│
├─{03}--情境2宣传类H5交互页面制作
│ #3.2#--图文.pdf
│ #3.3.1#--图文.pdf
│ #3.3.2#--图文.pdf
│ #3.3.3#--图文.pdf
│ #3.4.1#--图文.pdf
│ #3.4.2#--图文.pdf
│ #3.4.3#--图文.pdf
│ #3.5.1#--图文.pdf
│ #3.5.2#--图文.pdf
│ #3.5.3#--图文.pdf
│ #3.6#--图文.pdf
│ (3.1)--宣传类H5交互页面制作.pdf
│ (3.3.1)--情境二任务1（利用文字和图片制作旅游宣传海报）.pdf
│ (3.3.2)--1.2.1上传、添加素材(1).doc
│ (3.3.3)--文本和段落.flv
│ (3.3.4)--上传图片.flv
│ (3.3.5)--导入PSD素材.flv
│ (3.4.1)--1.2.5添加背景音乐.doc
│ (3.4.2)--情境二任务2（利用音频和视频制作企业宣传画册）.pdf
│ (3.4.3)--1.2.5添加背景音乐.doc
│ (3.4.4)--1.6.4移动端H5页面音频视频规范.doc
│ (3.4.5)--声音.flv
│ (3.4.6)--视频.flv
│ (3.5.1)--情境二任务3（利用元件、组和长页面制作大学生征兵宣传长图）.pdf
│ (3.5.2)--组.doc
│ (3.6.1)--情境二任务4（利用模板制作招聘宣传页面）.pdf
│ (3.6.2)--学会使用Mugeda模板.doc
│ (3.9.1)--1.2.1上传、添加素材.doc
│ (3.9.2)--1.2.3在时间轴上制作关键帧动画.doc
│ (3.9.3)--1.2.4制作翻页动画.doc
│ (3.9.4)--1.3快速制作一个摇一摇随机出现结果的H5测试题.doc
│ (3.9.5)--1.4.1H5作品相关设置－加载、文档信息(1).doc
│ (3.9.6)--1.5学会使用mugeda模板.doc
│ (3.9.7)--1.6.4移动端H5页面音频视频规范.doc
│ (3.9.8)--1.6导出视频和GIF动画的相关规则.doc
│ [3.3.1]--长沙旅游宣传视频.mp4
│ [3.3.2]--添加文本和段落.mp4
│ [3.3.3]--添加图片1.mp4
│ [3.3.4]--导入PSD文件1.mp4
│ [3.3.5]--2.3.2图片处理.mp4
│ [3.4.1]--华为企业宣传.mp4
│ [3.4.2]--声音1.mp4
│ [3.4.3]--视频(1).mp4
│ [3.4.4]--3.2.15声音及视频处理.mp4
│ [3.5.1]--征兵宣传视频.mp4
│ [3.5.2]--3.1.8元件界面介绍.mp4
│ [3.6]--2.2.4学会使用mugeda模板.mp4
│
├─{04}--情境3广告类H5页面制作
│ #4.10#--图文.pdf
│ #4.2#--图文.pdf
│ #4.3.1#--图文.pdf
│ #4.3.2#--图文.pdf
│ #4.4.1#--图文.pdf
│ #4.4.2#--图文.pdf
│ #4.5.1#--图文.pdf
│ #4.5.2#--图文.pdf
│ #4.6.1#--图文.pdf
│ #4.6.2#--图文.pdf
│ #4.7.1#--图文.pdf
│ #4.7.2#--图文.pdf
│ #4.8.1#--图文.pdf
│ #4.8.2#--图文.pdf
│ #4.9#--图文.pdf
│ (4.10.1)--情境三任务8（利用元件动画制作禁烟广告）.pdf
│ (4.10.2)--元件动画.doc
│ (4.3.1)--情境三任务1（利用预置动画制作公益宣传广告）.pdf
│ (4.3.2)--预置动画.doc
│ (4.3.3)--1.2.2添加预置动画(1).doc
│ (4.4.1)--序列帧动画.wmv
│ (4.4.2)--情境三任务2（利用序列帧动画制作汽车广告）.pdf
│ (4.4.3)--序列帧动画.doc
│ (4.4.4)--序列帧动画.wmv
│ (4.5.1)--罐头来源.flv
│ (4.5.2)--情境三任务3（利用关键帧动画制作水果罐头商业广告）.pdf
│ (4.5.3)--关键帧动画.doc
│ (4.5.4)--1.2.3在时间轴上制作关键帧动画(1).doc
│ (4.6.1)--情境三任务4（利用进度动画制作保护动物动画广告）.pdf
│ (4.6.2)--进度动画.doc
│ (4.7.1)--情境三任务5（利用路径动画制作文明礼让广告）.pdf
│ (4.7.2)--路径动画.doc
│ (4.8.1)--情境三任务6（利用变形动画制作LED灯广告）.pdf
│ (4.8.2)--变形动画.doc
│ (4.9.1)--情境三任务7（利用遮罩动画制作低碳广告）.pdf
│ (4.9.2)--遮罩动画.doc
│ [4.10.1]--吸烟有害健康.mp4
│ [4.10.2]--元件动画.mp4
│ [4.10.3]--元件动画.mp4
│ [4.3.1]--孝(1).mp4
│ [4.3.2]--预置动画.mp4
│ [4.3.3]--预置动画.mp4
│ [4.4]--汽车造型来源.mp4
│ [4.5.1]--关键帧动画(1).mp4
│ [4.5.2]--关键帧动画(1).mp4
│ [4.6.1]--物种灭绝对人类有什么影响？.mp4
│ [4.6.2]--进度动画.mp4
│ [4.6.3]--进度动画.mp4
│ [4.7.1]--文明礼仪.mp4
│ [4.7.2]--路径动画.mp4
│ [4.7.3]--路径动画.mp4
│ [4.8.1]--节约用电.mp4
│ [4.8.2]--曲线变形动画.mp4
│ [4.8.3]--曲线变形动画.mp4
│ [4.9.1]--低碳生活.mp4
│ [4.9.2]--遮罩动画.mp4
│ [4.9.3]--遮罩动画.mp4
│
├─{05}--情境4问卷类H5交互页面制作
│ #5.3#--图文.pdf
│ #5.4#--图文.pdf
│ [5.3]--世界粮食日.mp4
│ [5.4]--关爱父亲.mp4
│
├─{06}--情境5答题类H5交互页面制作
│ #6.3#--图文.pdf
│ #6.4#--图文.pdf
│ #6.5#--图文.pdf
│ (6.3)--单选题和总分.wmv
│ (6.4.1)--新冠肺炎(1).flv
│ (6.4.2)--多选题、擦玻璃和地图.wmv
│ (6.5)--判断题、微信头像和昵称.wmv
│ [6.3]--百年党史.mp4
│ [6.5]--民法典.mp4
│
├─{07}--情境6游戏类H5交互页面制作
│ (7.4)--看图定时抢答游戏.wmv
│ (7.5)--猜谜游戏.wmv
│ (7.6.1)--拼图游戏.wmv
│ (7.6.2)--情境五任务4（使用拖放容器和计数器制作“拼图”游戏）.pdf
│ (7.7.1)--射击游戏.wmv
│ (7.7.2)--情境五任务5（使用动画关联技术制作“射击”游戏）.pdf
│
├─{08}--情境七木疙瘩认证设计师
│ #8.1#--图文.pdf
│
├─{09}--H5应用案例
│ [9.10]--4.1.10拖动长图类H5制作.mp4
│ [9.11]--4.1.11特朗普打脸之路.mp4
│ [9.1]--4.1.1邀请函.mp4
│ [9.2]--4.1.2招聘.mp4
│ [9.3]--4.1.3个人简历.mp4
│ [9.4]--4.1.4可定制贺卡.mp4
│ [9.5]--4.1.5手机广告.mp4
│ [9.6]--4.1.6长按手指控制动画播放.mp4
│ [9.7]--4.1.7画中画特效.mp4
│ [9.8]--4.1.8一只挖空心思的行李箱.mp4
│ [9.9]--4.1.9科幻风格H5制作.mp4
│
├─{10}--网站素材包及其它资源
│ #10.4#--图文.pdf
│ (10.1.1)--试题素材.rar
│ (10.1.2)--多媒体网页设计制作模块样题(15题)v3.doc
│ (10.2.1)--Adobe_Flash_CS6_XiaZaiBa.exe
│ (10.2.2)--dreamweavercs6.rar
│ (10.2.3)--AdobePhotoshopCS6.rar
│ (10.3)--网站策划方案.doc
│ (10.4.1)--logo_design.rar
│ (10.4.2)--banner_design.rar
│ (10.4.3)--test.rar
│
├─{11}--代码实现移动网站
│ [11.1]--1站点的创建(1).mp4
│ [11.2]--2div布局.mp4
│ [11.3]--3top布局.mp4
│ [11.4]--4全局以及body的css设定.mp4
│ [11.5]--5top的css设定.mp4
│ [11.6]--6menu导航栏目的css设定.mp4
│ [11.7]--7banner的插入.mp4
│ [11.8]--8bottom的css设定以及模板制作.mp4
│
├─{12}--代码实现移动网站（菜单版）
│ (12.1)--网页背景+基础字体大小+行距.wmv
│ (12.10)--13师资力量成果展示页面.wmv
│ (12.2)--top部分.wmv
│ (12.3.1)--导航栏.wmv
│ (12.3.2)--导航栏补充.wmv
│ (12.4)--banner部分.wmv
│ (12.5.1)--6main上部分.wmv
│ (12.5.2)--7main标题部分.wmv
│ (12.5.3)--8main图片+文字.wmv
│ (12.6)--9footer部分.wmv
│ (12.7)--10学校简介页面main部分.wmv
│ (12.8)--11联系方式main部分.wmv
│ (12.9.1)--12课程介绍领跑英语冲刺篇部分.wmv
│ (12.9.2)--12课程介绍main边栏部分.wmv
│ (12.9.3)--12课程介绍快乐阅读部分.wmv
│ [12.11]--main图片+文字补充.mp4
│ [12.1]--新建站点(1).mp4
│ [12.5]--8main图片+文字补充.mp4
│
└─{13}--试题
#13.1.1#--图文.pdf
#13.1.2#--图文.pdf
#13.10.1#--图文.pdf
#13.10.2#--图文.pdf
#13.11.1#--图文.pdf
#13.11.2#--图文.pdf
#13.12.1#--图文.pdf
#13.12.2#--图文.pdf
#13.13.1#--图文.pdf
#13.13.2#--图文.pdf
#13.14.1#--图文.pdf
#13.14.2#--图文.pdf
#13.15.1#--图文.pdf
#13.15.2#--图文.pdf
#13.2.1#--图文.pdf
#13.2.2#--图文.pdf
#13.3.1#--图文.pdf
#13.3.2#--图文.pdf
#13.4.1#--图文.pdf
#13.4.2#--图文.pdf
#13.5.1#--图文.pdf
#13.5.2#--图文.pdf
#13.6.1#--图文.pdf
#13.6.2#--图文.pdf
#13.7.1#--图文.pdf
#13.7.2#--图文.pdf
#13.8.1#--图文.pdf
#13.8.2#--图文.pdf
#13.9.1#--图文.pdf
#13.9.2#--图文.pdf