欢迎来到天天文库
浏览记录
ID：52114780
大小：163.00 KB
页数：3页
时间：2020-03-23
《网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务7 运用影音多媒体.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、《网页设计与制作》课程教学单元设计淮安信息职业技术学院《网页设计与制作》课程教学单元设计单元7运用影音多媒体授课教师：网页设计与制作授课班级:学时：8教学条件实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标：（1）了解视频、音频相关格式；（2）掌握滚动字幕标签的使用；（3）掌握标签的使用方法；（4）掌握标签的使用方法；（5）掌握标签的使用方法。能力目标：（1）能结
2、合浏览器的支持情况，恰当的选择视频格式；（2）能根据网页页面效果，编写CSS编写视频播放样式效果。任务描述本任务就是在门户页面恰当的添加多媒体元素。教学内容（1）滚动字幕标签的使用；（2）标签的使用方法；（3）标签的使用方法；（4）标签的使用方法。重点：（1）滚动字幕标签的使用；（2）标签的使用方法；（3）标签的使用方法；（4）标签的使用方法。难点：（1）中视频格式的兼容问题的处理；（2）3、o>中视频格式的兼容问题的处理；。任务分析与实现（1）任务分析；（2）任务实现代码。第3页共3页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计7.1多媒体元素代码的使用（学时数：2）主要步骤教学内容教学方法教学手段师生活动任务描述本任务就是在门户页面恰当的添加多媒体元素。讲授法多媒体教师：分析任务学生：信息交流知识讲授讲解：多媒体对象基本知识，视频与音频格式。滚动字幕标签的使用讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行实践标签的使用。实验教4、学法多媒体教师：辅导交流学生：实践练习知识讲授讲解：插入多媒体文件标签的方法。讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践标签的使用方法。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解：HTML5插入视频video标签、音频audio标签的方法讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践视频video标签、音频audio标签的使用方法。实验教学法多媒体教师：辅导交流学生：实践练习项目案例综合实例：花卉视频介绍项目教学法网络环境5、学生自己练习课堂总结（1）滚动字幕标签的使用；（2）标签的使用方法；（3）标签的使用方法；（4）标签的使用方法。教师讲解多媒体课件演示整理笔记引导创新任务拓展综合实例：花卉视频介绍教师指导学生自学多媒体布置作业提出要求第3页共3页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计7.2任务实施：门户网站banner中的视频展示（学时数：2）主要步骤教学内容教学方法教学手段师生活动任务描述在任务6实现banner区域的基础上，运用插入多媒体元素的方法在ban6、ner区域中，奖中间的图片元素更换为视频元素。任务驱动教学法多媒体教师：分析任务学生：信息交流任务分析运用HTML5中的video标签结合CSS3的页面布局方法实现页面效果任务驱动教学法多媒体教师：辅助分析学生：交流讨论任务计划小组讨论，将任务分解任务驱动教学法多媒体课件演示教师：辅助分析学生：交流讨论任务实施由于在任务6中，已经完成了基本页面布局，所以，只需要对页面局部进行修改即可。第一步：修改区域的HTML结构代码，插入新的video元素。第二步：编写插入video元素后的CSS样式表。任务驱动教学法多媒体教师7、：辅导交流学生：实践练习任务汇报完成任务后，简短的交流任务驱动教学法多媒体课件演示教师：点评优化学生：汇报交流课堂总结综合使用HTML5结合CSS3进行页面布局，实现页面效果。任务驱动教学法多媒体课件演示整理笔记引导创新任务拓展通过网络URL地址网络多媒体文件调用网页多媒体文件任务驱动教学法多媒体拓展提高课外实训企业招聘页面结构实现项目教学法网络环境布置作业提出要求第3页共3页
3、o>中视频格式的兼容问题的处理；。任务分析与实现（1）任务分析；（2）任务实现代码。第3页共3页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计7.1多媒体元素代码的使用（学时数：2）主要步骤教学内容教学方法教学手段师生活动任务描述本任务就是在门户页面恰当的添加多媒体元素。讲授法多媒体教师：分析任务学生：信息交流知识讲授讲解：多媒体对象基本知识，视频与音频格式。滚动字幕标签的使用讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行实践标签的使用。实验教
4、学法多媒体教师：辅导交流学生：实践练习知识讲授讲解：插入多媒体文件标签的方法。讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践标签的使用方法。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解：HTML5插入视频video标签、音频audio标签的方法讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践视频video标签、音频audio标签的使用方法。实验教学法多媒体教师：辅导交流学生：实践练习项目案例综合实例：花卉视频介绍项目教学法网络环境
5、学生自己练习课堂总结（1）滚动字幕标签的使用；（2）标签的使用方法；（3）标签的使用方法；（4）标签的使用方法。教师讲解多媒体课件演示整理笔记引导创新任务拓展综合实例：花卉视频介绍教师指导学生自学多媒体布置作业提出要求第3页共3页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计7.2任务实施：门户网站banner中的视频展示（学时数：2）主要步骤教学内容教学方法教学手段师生活动任务描述在任务6实现banner区域的基础上，运用插入多媒体元素的方法在ban
6、ner区域中，奖中间的图片元素更换为视频元素。任务驱动教学法多媒体教师：分析任务学生：信息交流任务分析运用HTML5中的video标签结合CSS3的页面布局方法实现页面效果任务驱动教学法多媒体教师：辅助分析学生：交流讨论任务计划小组讨论，将任务分解任务驱动教学法多媒体课件演示教师：辅助分析学生：交流讨论任务实施由于在任务6中，已经完成了基本页面布局，所以，只需要对页面局部进行修改即可。第一步：修改区域的HTML结构代码，插入新的video元素。第二步：编写插入video元素后的CSS样式表。任务驱动教学法多媒体教师
7、：辅导交流学生：实践练习任务汇报完成任务后，简短的交流任务驱动教学法多媒体课件演示教师：点评优化学生：汇报交流课堂总结综合使用HTML5结合CSS3进行页面布局，实现页面效果。任务驱动教学法多媒体课件演示整理笔记引导创新任务拓展通过网络URL地址网络多媒体文件调用网页多媒体文件任务驱动教学法多媒体拓展提高课外实训企业招聘页面结构实现项目教学法网络环境布置作业提出要求第3页共3页
此文档下载收益归作者所有
