《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx

上传人:夺命阿水 文档编号:1428493 上传时间:2024-06-15 格式:DOCX 页数:18 大小:331.65KB
返回 下载 相关 举报
《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx_第1页
第1页 / 共18页
《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx_第2页
第2页 / 共18页
《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx_第3页
第3页 / 共18页
《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx_第4页
第4页 / 共18页
《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx_第5页
第5页 / 共18页
点击查看更多>>
资源描述

《《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx》由会员分享,可在线阅读,更多相关《《H5页面设计与制作(全彩慕课版)(第2版)》 教案全套 周建国 第1--10讲 H5初识---视频动画H5制作.docx(18页珍藏版)》请在课桌文档上搜索。

1、H5页面设计与制作(全彩慕课版)(第2版)教案课时内容H5初识授课时间90分钟课时2教学目标0掌握H5的定义。 了解H5的发展。 了解H5的特点。 熟悉H5的应用。0熟悉H5的类型。教学重点熟练掌握H5的应用。教学难点了解H5的发展、应用和类型。教学设计1、教学思路:(1)通过基础知识的讲解,了解H5的定义、发展、特点及应用;(2)通过举例说明了解H5的类型。2、教学手段:(1)通过对H5的定义、发展、特点和应用的讲解,对H5有一个宏观的认识;(2)通过举例说明深入了解H5的不同类型,以便于高效便利地进行后续的H5设计制作。教学内容讨论问题:1、H5的发展分为哪几个阶段?2、H5有哪儿种类型?

2、内容大纲:具体可结合本项目的PPT课件进行配合讲解。1. 1H5的定义1.2 H5的发展1.3 H5的特点1.4 H5的应用1.5 H5的类型小结1了解H5的定义和发展。2、了解H5的特点与应用。3、了解H5的类型。课时内容H5的设计与制作授课时间90分钟课时2教学目标 了解设计与制作H5的项目流程。 熟悉设计与制作H5的常用软件。0掌握设计与制作H5的基本规范。 掌握设计与制作H5的注意事项。 熟悉设计与制作H5的创意方法。教学重点0熟练掌握H5设计与制作的项目流程。了解H5设计与制作的注意事项。教学难点0熟练掌握H5设计与制作的基本规范。教学设计1、教学思路:(1)通过基础知识的讲解,了解

3、H5设计与制作的项目流程和H5设计与制作的常用软件:(2)通过举例说明,熟练掌握H5设计与制作的基本规范、注意事项和创意实现的方法和技巧,对H5的整体设计与制作有一个基本的认识。2、教学手段:(1)通过理论讲解掌握H5制作的基本方法;(2)通过深入学习了解制作过程中需要注意的基本规范和注意事项。教学内容讨论问题:1、H5的常用软件有哪几类?2、H5常用的测试方法有哪些?内容大纲:具体可结合本项目的PPT课件进行配合讲解。2.1 H5设计与制作的项目流程2.2 H5设计与制作的常用软件2.3 设计与制作H5的基本规范2.4 H5制作的注意事项2.5 H5的创意实现2.5.1 H5的常用策划方法2

4、.5.2 H5的常用交互方法2.5.3H5的创意设计风格2.5.4115的动效设计运用2.5.5H5的音效设计方法2.5.6H5的常用测试方法2.5.7H5的常规数据分析小结1 .熟练掌握H5设计与制作的项目流程。2 .了解H5设计与制作的常用软件。3 .熟练掌握H5设计与制作的基本规范及注意事项。4 .熟练掌握H5设计与制作的创意实现。课时内容互动游戏H5制作授课时间90分钟课时2教学目标 了解花样元宵消消乐H5的项目策划。 掌握花样元宵消消乐H5的交互设计。教学重点掌握了解花样元宵消消乐H5的项目策划。教学难点熟练掌握花样元宵消消乐H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训

5、案例的讲解掌握制作元宵消消乐H5的方法和技巧;(2)再通过课堂练习和课后习题消化所学软件知识。2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力,并快速掌握设计制作常用互动游戏H5的方法。教学内容讨论问题:1、如何修改活动名称?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解。3.1 课堂案例一一花样元宵消乐H5制作3.1.1 项目策划3.1.2 交互设计3.1.3 视觉设计3.1.4 制作发布3.2 课堂练习一一

6、中秋狂欢翻牌子H5制作3.3 课后习题一一喜迎新春打地鼠H5制作小结1、了解花样元宵消消乐H5的项目策划。2、熟练掌握花样元宵消消乐H5的交互设计。作业课堂练习一一中秋狂欢翻牌子H5制作注册登录易企秀官网,查找符合要求的互动H5模板,调整相关的文字内容。附秋q1Kl*atv;餐骏二、计。人次.马r&课后习题一一喜迎新春打地鼠H5制作注册登录易企秀官网,查找符合要求的互动H5模板,调整相关的文字内容。课时内容活动抽奖H5制作授课时间90分钟课时2教学目标 了解电商抽奖九宫格H5的项目策划。 掌握电商抽奖九宫格H5的交互设计。教学重点掌握电商抽奖九宫格H5的交互设计。教学难点熟练掌握电商抽奖九宫格

7、H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解了解掌握活动抽奖H5的项目策划、交互设计、视觉设计以及制作开发的能力;(2)再通过通过课堂练习和课后习题消化所学软件知识,掌握设计制作常用活动抽奖H5的方法。2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题:1、如何修改H5模板中的文字?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解4. 1课堂案例一一电商抽奖九宫格H5制作4

8、.1.1 项目策划4.1.2 交互设计4.1.3 视觉设计4.1.4 制作发布4.2课堂练习一一新年旺财摇一摇H5制作4.3课后习题一一情满端午刮刮乐H5制作O小结1、了解掌握电子商务行业九宫格H5的项目策划。2、熟练掌握电商抽奖九宫格H5的交互设计。作业课堂练习一使用谷歌浏览器制作,修改并替换首-新年旺财摇一摇H5制作注册登录凡科官网,使用凡科互动免费模板制作页中的素材、替换中/未中奖页面素材、调整奖项三*三jtXM*ax*新年旺财摇一摇H5设置以及高级设置。目课后习题一一情满端午刮刮乐H5制作使用谷歌浏览器注册登录凡科官网,使用凡科互动免费模板制作情满端午刮刮乐H5制作,修改并替换首页中的

9、素材、中/未中奖页面素材、调整奖项设置以及高级设置。课时内容测试问答H5制作授课时间90分钟课时2教学目标了解腊八知识测试问答H5的项目策。掌握腊八知识测试问答H5的交互设计。教学重点掌握腊八知识测试问答H5的交互设计。教学难点熟练掌握腊八知识测试问答H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解掌握制作测试问答H5的方法和技巧;(2)再通过课堂练习和课后习题消化所学软件知识,并熟练掌握设计制作常用测试问答H5的方法.2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求:在网上找一些测试问答H5

10、的模板进行修改和制作,来加深学员对知识点的理解并提高实际应用能力。教学内容讨论问题:1、如何修改H5模板中的文字?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解。5.1 课堂案例一一腊八知识测试问答H5制作5.1.1 项目策划5.1.2 交互设计5.1.3 视觉设计5.1.4 制作发布5.2 课堂练习一一名诗古词测试问答H5制作5.3 3课后习题一一IT互联网行业脑力测试H5制作小结1、了解掌握腊八知识测试问答H5的项目策。2、熟练掌握腊八知识测试问答H5的交互设计。课堂练习一一名诗古词测试问答H5制作使用谷歌浏览器登录凡科官网,使用凡科互动模板制作IT互联网行业脑力测试

11、H5,修改并替换首页中的素材以及高级设置。mAM100*X-.作业课后习题一一IT互联网行业脑力测试H5制作使用谷歌浏览器登录凡科官网,使用凡科互动免费模板制作IT互联网行业脑力测试H5,修改并替换首页中的素材以及高级设置。1:21AM100XX餐与活动1大奖课时内容滑动翻页H5制作授课时间90分钟课时2教学目标了解文化传媒企业招聘H5的项目策划。掌握文化传媒企业招聘H5的交互设计。教学重点熟练掌握文化传媒企业招聘H5的交互设计。教学难点掌握文化传媒企业招聘H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解掌握制作文化传媒企业招聘H5的方法和技巧;(2)再通过课堂练习和课后习

12、题消化所学软件知识,掌握设计制作常用滑动翻页H5的方法。2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题:1、可以用什么软件制作H5页面?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解。6.1 课堂案例一一文化传媒企业招聘H5制作6.1.1 项目策划6.1.2 交互设计6.1.3 视觉设计6.1.4 制作发布6.2课堂练习汽车车展观展邀请H5制作6.3课后习题一一教育咨询培训招生H5制作小结1

13、、熟悉了解文化传媒企业招聘H5的项目策划。2、熟练掌握文化传媒企业招聘H5的交互设计。作业课堂练习使用谷歌浏览J动效和翻页功能汽车工器登录iH5官网,制作最终效果。业行业活动使用Photoshop邀请H5制作软件制作页面的视S觉设计,使用iH5、电领时代l;、八,flm三rMwMto*ifi.99sew.”-HI*rwwII.*x*MmJrI三r11W)gnrBI.二:二一H*n“wII一统驾趣融合两吸II-4-TrftR1.J课后习题一一教育咨询培训招生H5制作使用谷歌浏览器登录凡科官网,使用凡科互动微传单制作教育咨询行业培训招生H5,使用PhOtOShoP软件制作首各个页面的视觉设计,使用

14、凡科微传单的翻页和趣味中的快闪功能制作最终效果。课时内容长页滑动H5制作授课时间90分钟课时2教学目标0了解传统美食中式糕点介绍H5的项目策划。0掌握传统美食中式糕点介绍H5的交互设计。教学重点了解掌握传统美食中式糕点介绍H5的交互设计。教学难点熟练掌握传统美食中式糕点介绍H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解掌握制作传统美食中式糕点介绍H5的方法和技巧;(2)再通过课堂练习和课后习题消化所学软件知识。2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力,掌握设计制作常用长页滑动H5的方法。3、教学资料及要

15、求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题:1、可以用什么软件制作H5页面?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解。7.1 课堂案例一一传统美食中式糕点介绍H5制作7.1.1 项目策划7.1.2 交互设计7.1.3 视觉设计7.1.4 制作发布7.2 课堂练习一一新媒体行业会议邀请H5制作7.3 课后习题一一中国传统茶文化介绍H5制作小结1、熟悉了解传统美食中式糕点介绍H5的交互设计。2、熟练掌握传统美食中式糕点介绍H5的交互设计。课堂练习一一新媒体行业会议邀请H5制作使用谷歌浏览器登录iH5官网,使用i

16、H5制作新媒体行业会议邀请H5,使用Photoshop软件制作页面的视觉设计,使用iH5的页面剪切使用滚动条功能、事件功能制作最终效果。作业课后习题中国传统茶文化介绍H5制作使用谷歌浏览器登录iH5官网,使用iH5制作中国传统茶文化介绍H5,使用Photoshop软件制作页面的视觉设计,使用iH5的页面剪切使用滚动条功能制作最终效果。课时内容画中画H5制作授课时间90分钟课时教学目标教学重点了解掌握互联网行业会议邀请H5的交互设计。教学难点熟练掌握互联网行业会议邀请H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解掌握制作互联网行业会议邀请H5的方法和技巧;(2)再通过课堂练

17、习和课后习题消化所学软件知识,掌握设计制作常用画中画H5的方法。2、教学手段:(D通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题:1、可以用什么软件制作H5页面?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解。8.1课堂案例一一互联网行业会议邀请H5制作8.1.18.1.28.1.38.1.4项目策划交互设计视觉设计制作发布8.2 课堂练习一一互联网行业企业招聘H5制作8.3 课后习题一一购物季食品营销活动H5

18、制作小结1、掌握了解互联网行业会议邀请H5的项目策划。2、熟练掌握互联网行业会议邀请H5的交互设计。课堂练习互联网行业企业招聘H5制作0了解互联网行业会议邀请H5的项目策划。0掌握互联网行业会议邀请H5的交互设计。使用谷歌浏览器登录凡科官网,使用凡科互动微传单制作互联网行业企业招聘H5,使用Photoshop软件制作首页、公司简介、程序员、设计师和新媒体等页面的视觉设计,使用凡科微传单趣味功能中画中画功能制作H5页面动画。作业课后习题一一购物季食品营销活动H5制作使用谷歌浏览器登录凡科官网,使用凡科互动微传单制作购物季食品营销活动H5,使用PhotOShOP软件制作首页、优惠活动、优惠卷、和优

19、惠产品等页面的视觉设计,使用凡科微传单趣味功能中画中画功能制作H5页面动画。课时内容3D/全景H5制作授课时间90分钟课时2教学目标0了解食品餐饮行业新年祝福H5的项目策划。0掌握食品餐饮行业新年祝福H5的交互设计。教学重点了解掌握食品餐饮行业新年祝福H5的交互设计。教学难点熟练掌握食品餐饮行业新年祝福H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解掌握食品餐饮行业新年祝福H5的方法和技巧;(2)再通过对课堂练习和课后习题消化所学软件知识,快速掌握设计制作常用3D/全景H5的方法。2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学

20、生的实际应用能力。3、教学资料及要求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题:1、可以用哪些软件制作H5页面?2、如何发布H5?内容大纲:具体可结合本项目的PPT课件进行配合讲解。9.1 课堂案例一一食品餐饮行业新年祝福H5制作9.1.1 项目策划9.1.2 交互设计9.1.3 视觉设计9.1.4 1.4制作发布9.2 课堂练习一一新年年货礼品促销H5制作9.3 3课后习题一一家居室内家俱推广H5制作小结1、了解掌握食品餐饮行业新年祝福H5的项目策划。2、熟练掌握食品餐饮行业新年祝福H5的交互设计。作业课堂练习一一新年年使用谷歌浏览器

21、登录凡科官网,PhOtOShOP软件制作首屏、先领券、使用凡科微传单的趣味中的球体仪工I三I最耍得,货礼品促彳使用凡科互动力大礼包、送亲友,力能制作最终效I1肖上勺传-送一果。*I15制作单制作新年年货礼品促销H5,使用长辈、关注我们等页面的视觉设计,IJI毕1ttttvrt111.J1.J课后习题一一家居室内家俱推广H5制作使用谷歌浏览器登录凡科官网,使用凡科互动为传单制作家居室内家俱推广H5,使用Photoshop软件制作全景页面和弹窗页面的视觉设计,使用凡科微传单的趣味中的全景功能功能制作最终效果。课时内容视频动画H5制作授课时间90分钟i果时2教学目标0了解旅游出行活动推广H5的项目策

22、划。0掌握旅游出行活动推广H5的交互设计。教学重点了解掌握旅游出行活动推广H5的交互设计。教学难点熟练掌握旅游出行活动推广H5的交互设计。教学设计1、教学思路:(1)通过对课堂实训案例的讲解掌握制作旅游出行活动推广H5的方法和技15;(2)再通过对课堂练习和课后习题消化所学软件知识,掌握设计制作常用视频动画H5的方法。2、教学手段:(1)通过课堂实训案例熟悉设计理念和软件功能;(2)通过课堂练习和课后习题提高学生的实际应用能力。3、教学资料及要求:在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。教学内容讨论问题:1、可以用什么软件制作H5页面?2、如何发布H5

23、?内容大纲:具体可结合本项目的PPT课件进行配合讲解。10. 1课堂练习旅游出行活动推广H5制作10.1.1 项目策划10.1.2 交互设计10.1.3 视觉设计10.1.4 1.4制作发布10.2 课堂练习一一文化传媒行业活动推广H5制作10.3 课后习题一一电子数码行业品牌推广H5制作小结1、了解掌握旅游出行活动推广H5的项目策划。2、熟练掌握旅游出行活动推广H5的交互设计。作业课堂练习一一文化传媒行业活动推广H5制作使用谷歌浏览器登录iH5官网,使用iH5制作文化传媒行业活动推广H5,使用PhOtoShOP软件制作页面的视觉效果,使用iH5的动效、事件、横幅功能制作最终效果。i三课后习题一一电子数码行业品牌推广H5制作使用谷歌浏览器登录iH5官网,使用iH5制作电子数码行业品牌推广H5,使用PhotoShoP软件制作页面的视觉设计,使用iH5的动效、事件、横幅功能制作最终效果。

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 在线阅读 > 生活休闲


备案号:宁ICP备20000045号-1

经营许可证:宁B2-20210002

宁公网安备 64010402000986号