H5页面设计与制作教学教案Word文档格式.docx
- 文档编号:21405127
- 上传时间:2023-01-30
- 格式:DOCX
- 页数:21
- 大小:3.54MB
H5页面设计与制作教学教案Word文档格式.docx
《H5页面设计与制作教学教案Word文档格式.docx》由会员分享,可在线阅读,更多相关《H5页面设计与制作教学教案Word文档格式.docx(21页珍藏版)》请在冰豆网上搜索。
1、教学思路:
(1)通过基础知识的讲解,了解H5的定义、发展、特点和应用;
(2)通过举例说明了解H5的类型。
2、教学手段:
(1)通过资料了解H5的定义、发展、特点和应用;
教学内容
讨论问题:
1、H5的发展分为哪几个阶段
2、H5有哪几种类型?
内容大纲:
具体可结合本项目的PPT课件进行配合讲解。
H5的定义
H5的发展
H5的特点
H5的应用
H5的类型
小结
1、了解H5的定义和发展。
2、了解H5的特点与应用。
3、了解H5的类型。
第2讲
H5的设计与制作
了解设计与制作H5的项目流程。
熟悉设计与制作H5的常用软件。
掌握设计与制作H5的基本规范。
掌握设计与制作H5的注意事项。
熟悉设计与制作H5的创意方法。
熟练掌握H5设计与制作的项目流程。
了解H5设计与制作的注意事项。
熟练掌握H5设计与制作的基本规范。
(1)通过基础知识的讲解,了解H5设计与制作的项目流程和H5设计与制作的常用软件;
(2)通过举例说明,熟练掌握H5设计与制作的基本规范、注意事项和创意实现的方法和技巧。
(1)通过理论讲解掌握H5制作的基本方法;
(2)通过深入学习了解制作过程中需要注意的基本规范和注意事项。
1、设计与制作H5的基本规范有哪些
2、H5常用的测试方法有哪些?
H5设计与制作的项目流程
H5设计与制作的常用软件
设计与制作H5的基本规范
H5的注意事项
H5的创意实现
H5的常用策划方法
H5的常用交互方法
H5的创意设计风格
H5的动效设计运用
H5的音效设计方法
H5的常用测试方法
H5的常规数据分析
1.熟练掌握H5设计与制作的项目流程。
2.了解H5设计与制作的常用软件。
3.熟练掌握H5设计与制作的基本规范。
4.了解H5设计与制作的注意事项。
5.熟练掌握H5设计与制作的创意实现(H5的常用策划方法、常用交互方法、创意设计风格、动效设计运用、音效设计方法、常用测试方法和常规数据分析)。
第3讲
互动游戏H5制作
了解媒体娱乐行业消消乐H5的项目策划。
掌握媒体娱乐行业消消乐H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作媒体娱乐行业消消乐H5的方法和技巧;
(2)再通过课堂练习和课后习题消化所学软件知识。
(1)通过课堂实训案例熟悉设计理念和软件功能;
(2)通过课堂练习和课后习题提高学生的实际应用能力。
3、教学资料及要求:
在网上找一些H5的模板进行修改和制作,来加深学员对知识点的理解和提高实际应用能力。
1、如何替换二维码
2、如何发布H5
课堂案例——媒体娱乐行业消消乐H5制作
项目策划
交互设计
视觉设计
制作发布
课堂练习——食品餐饮行业翻牌子H5制作
课后习题——健康医疗行业打地鼠H5制作
1、了解媒体娱乐行业消消乐H5的项目策划。
2、掌握媒体娱乐行业消消乐H5的交互设计。
作业
课堂练习——食品餐饮行业翻牌子H5制作
注册登录易企秀官网,查找符合要求的互动H5模板,调整相关的文字内容。
课后习题——健康医疗行业打地鼠H5制作
第4讲
活动抽奖H5制作
了解电子商务行业九宫格H5的项目策划。
掌握电子商务行业九宫格H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作电子商务行业九宫格H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布电子商务行业九宫格H5的方法;
(3)最后通过课堂练习和课后习题消化所学软件知识。
1、如何修改H5模板中的文字
课堂案例——电子商务行业九宫格H5制作
课堂练习——金融理财行业摇一摇H5制作
课后习题——文化传媒行业刮刮乐H5制作
1、了解电子商务行业九宫格H5的项目策划。
2、掌握电子商务行业九宫格H5的交互设计。
课堂练习——金融理财行业摇一摇H5制作
使用谷歌浏览器注册登录凡科官网,使用凡科互动免费模板制作金融理财行业摇一摇H5,修改并替换首页中的素材、替换中/未中奖页面素材、调整奖项设置以及高级设置。
课后习题——文化传媒行业刮刮乐H5制作
使用谷歌浏览器注册登录凡科官网,使用凡科互动免费模板制作文化传媒行业刮刮乐H5,修改并替换首页中的素材、中/未中奖页面素材、调整奖项设置以及高级设置。
第5讲
测试问答H5制作
了解文化传媒行业知识分享H5的项目策划。
掌握文化传媒行业知识分享H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作文化传媒行业知识分享H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布文化传媒行业知识分享H5的方法;
课堂案例——IT互联网行业节日答题H5制作
课堂练习——IT互联网行业脑力测试H5制作
课后习题——文化传媒行业知识分享H5制作
1、了解文化传媒行业知识分享H5的项目策划。
2、掌握文化传媒行业知识分享H5的交互设计。
课堂练习——IT互联网行业脑力测试H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动免费模板制作IT互联网行业脑力测试H5,修改并替换首页中的素材、调整奖项设置以及高级设置。
课后习题——文化传媒行业知识分享H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动免费模板制作文化传媒行业知识分享H5,修改并替换首页中的素材、调整奖项设置以及高级设置。
第6讲
滑动翻页H5制作
了解文化传媒行业企业招聘H5的项目策划。
掌握文化传媒行业企业招聘H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作文化传媒行业企业招聘H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布文化传媒行业企业招聘H5的方法;
1、可以用什么软件制作H5页面
课堂案例——文化传媒行业企业招聘H5制作
课堂练习——汽车工业行业活动邀请H5制作
课后习题——教育咨询行业培训招生H5制作
1、了解文化传媒行业企业招聘H5的项目策划。
2、掌握文化传媒行业企业招聘H5的交互设计。
课堂练习——汽车工业行业活动邀请H5制作
使用谷歌浏览器登录iH5官网,使用Photoshop软件制作页面的视觉设计,使用iH5的动效和翻页功能制作最终效果。
课后习题——教育咨询行业培训招生H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动微传单制作教育咨询行业培训招生H5,使用Photoshop软件制作首各个页面的视觉设计,使用凡科微传单的翻页和趣味中的快闪功能制作最终效果。
第7讲
长页滑动H5制作
了解食品餐饮行业产品介绍H5的项目策划。
掌握食品餐饮行业产品介绍H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作食品餐饮行业产品介绍H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布食品餐饮行业产品介绍H5的方法;
课堂案例——食品餐饮行业产品介绍H5制作
课堂练习——文化传媒行业活动邀请H5制作
课后习题——服装饰品行业产品营销H5制作
1、了解食品餐饮行业产品介绍H5的项目策划。
2、掌握食品餐饮行业产品介绍H5的交互设计。
课堂练习——文化传媒行业活动邀请H5制作
使用谷歌浏览器登录iH5官网,使用iH5制作文化传媒行业活动邀请H5,使用Photoshop软件制作页面的视觉设计,使用iH5的页面>
剪切>
使用滚动条功能、事件功能制作最终效果。
课后习题——服装饰品行业产品营销H5制作
使用谷歌浏览器登录iH5官网,使用iH5制作服装饰品行业产品营销H5,使用Photoshop软件制作页面的视觉设计,使用iH5的页面>
使用滚动条功能制作最终效果。
第8讲
画中画H5制作
了解IT互联网行业产品介绍H5的项目策划。
掌握IT互联网行业产品介绍H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作IT互联网行业产品介绍H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布IT互联网行业产品介绍H5的方法;
课堂案例——IT互联网行业活动邀请H5制作
课堂练习——设计服务公司招聘H5制作
课后习题——食品餐饮行业产品营销H5制作
1、了解IT互联网行业产品介绍H5的项目策划。
2、掌握IT互联网行业产品介绍H5的交互设计。
课堂练习——设计服务公司招聘H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动微传单制作文化传媒行业企业招聘H5,使用Photoshop软件制作首页、公司简介、程序猿、设计狮和新媒体等页面的视觉设计,使用凡科微传单趣味功能中画中画功能制作H5页面动画。
课后习题——食品餐饮行业产品营销H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动微传单制作食品餐饮行业产品营销H5,使用Photoshop软件制作首页、优惠活动、优惠卷、和优惠产品等页面的视觉设计,使用凡科微传单趣味功能中画中画功能制作H5页面动画。
第9讲
3D/全景H5制作
了解金融理财行业节日祝福H5的项目策划。
掌握金融理财行业节日祝福H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作金融理财行业节日祝福H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布金融理财行业节日祝福H5的方法;
课堂案例——金融理财行业节日祝福H5制作
课堂练习——电子商务行业活动促销H5制作
课后习题——家居装修行业产品推广H5制作
1、了解金融理财行业节日祝福H5的项目策划。
2、掌握金融理财行业节日祝福H5的交互设计。
课堂练习——电子商务行业活动促销H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动为传单制作电子商务行业活动促销H5,使用Photoshop软件制作首屏、先领劵、大礼包、送亲友、送长辈、关注我们等页面的视觉设计,使用凡科微传单的趣味中的球体仪功能制作最终效果。
课后习题——家居装修行业产品推广H5制作
使用谷歌浏览器登录凡科官网,使用凡科互动为传单制作家居装修行业产品推广H5,使用Photoshop软件制作全景页面和弹窗页面的视觉设计,使用凡科微传单的趣味中的全景功能功能制作最终效果。
第10讲
视频动画H5制作
了解文化传媒行业活动推广H5的项目策划。
掌握文化传媒行业活动推广H5的交互设计。
(1)通过对课堂实训案例的讲解掌握制作文化传媒行业活动推广H5的方法和技巧;
(2)再通过对课堂实训案例的讲解掌握发布文化传媒行业活动推广H5的方法;
课堂案例——旅游出行行业活动推广H5制作
课堂练习——文化传媒行业活动推广H5制作
课后习题——电子数码行业品牌推广H5制作
1、了解文化传媒行业活动推广H5的项目策划。
2、掌握文化传媒行业活动推广H5的交互设计。
课堂练习——文化传媒行业活动推广H5制作
使用谷歌浏览器登录iH5官网,使用iH5制作文化传媒行业活动推广H5,使用Photoshop软件制作页面的视觉效果,使用iH5的动效、事件、横幅功能制作最终效果。
课后习题——电子数码行业品牌推广H5制作
使用谷歌浏览器登录iH5官网,使用iH5制作电子数码行业品牌推广H5,使用Photoshop软件制作页面的视觉设计,使用iH5的动效、事件、横幅功能制作最终效果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- H5 页面 设计 制作 教学 教案