admin 管理员组文章数量: 1086019
2024年3月13日发(作者：数的三种拼音)
教学课题 HTML5音视频技术
所属课程 静态网页设计
所选教材
《HTML 5+CSS3网站设计基础
教程》
教学分析
专业大类
授课对象
授课地点
计算机大类
计算机应用技术专业
学生
机房
授课时长 4课时
《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专
业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画
等内容。通过本课程的学习，学生能够了解网页Web发展历史及其未来方
内容分析
向，熟悉网页设计流程，掌握前端开发中常见的网页布局效果，以及变形与
动画特效，学会制作各类企业、门户、电商类网站页面。
“HTML概述”选自《HTML 5+CSS3网站设计基础教程》第八章节内
容，为后面章节的学习打下良好的基础。
授课对象为高职计算机应用技术专业学生。根据学生学情分析如下：
1.知识基础：本课程开设在大一第二学期，大部分学生对程序设计语言
有了一定的了解，具备一定的平面设计基础。
2.能力基础：通过前面的学习，能熟练的使用电脑，具备简单的代码编
学情分析
写能力。
3.行为习惯：现代学生是生活一个信息化的时间，学生喜欢形象化，活
动式的教学内容，适应从简单到复杂的学习模式。对网页开发比较感兴趣，
有较为丰富的网站使用经验。
知识目标 技能目标 素养目标
1.了解HTML5支持的音能够在前端开发中进行1.培养学生计算机思
频和视频格式。 音视频的熟练操作。 维的能力，帮助学生树
2.掌握在HTML5页面中立科学严谨的负责态
教学目标
添加视频文件的技术。 度。
3.掌握在HTML5页面中2.培养学生的团队协
添加音频文件的技术。 作意识，自主解决问题
的能力。
教学重点 HTML5页面中添加音频和视频文件的技术
教学难点 CSS控制视频的宽高及浏览器兼容性解决办法
教学策略
教学组织
与实施
本课以学生的疑问、观点和观察结果为教学契机，采用探究式学习方式。
利用智慧职教平台布置课前任务，通过学生完成任务分析教学重难点，
在课堂教学中引入案例突破教学重难点，争取学生的薄弱环节布置课后任务
1
巩固教学知识点。
整个教学采用线上线下相结合的模式，借助信息化手段，以学生为主体，
自主学习探究教师辅助加以引导，完成理论实践一体化的教学。同时加强德
育渗透，注重学生全面发展，在教学过程中注重引导和培养学生的爱岗敬业
坚持不懈的职业精神，以及精益求精开拓创新的艺术家精神。
本课程采用探究式教学方法，分为三大任务：一是基础理论部分，通过
学生讲解，教师总结。二是学生分享分析作品，在相互学习中共同提高，加
教学方法
深印象。三是将专业教育渗透到教学中，实践教学案例的选取，以学生专业
领域为背景，充分发挥学生的主体地位，为后续的专业学习打下良好的基础。
教学资源
与手段
电子教学资料（如PPT，知识笔记，微课视频）、智慧职教平台等，辅
助学生自主学习和探究，解决教学重难点，提高学习效率。
教学实施
课前
教师活动
1.发布学习资源，比如：教
学PPT、知识清单等，下达
任务。
2.查看学生提交智慧职教
平台作业，根据提交作业调
整教学策略，确定教学难
点。
课中
第一课时
（讲解HTML5多媒体的特性、视频和音频编解码器、多媒体的格式、支持视频和音频的
浏览器、在HTML5中嵌入视频）
说明：
将8.1~8.2小节作为一个课时进行讲解。
学生活动
1.学生领取任务
单，借助智慧职
教微课初步了
解。
教学资源与手段
1.教学资源：
教学PPT、知识清
单、智慧职教微
课。
2.教学手段：
智慧职教平台作
业提交功能。
设计意图
1.学生预习，为课中
做准备，培养学生的
自主学习能力。
2.教师通过作业反馈
掌握学生的预习情
况，确定教学难点。
复习上节课内容
教学过
程
在讲解本节内容前，抛出以下问题让学生回答，以复习第7章“表单的应用”的基
础知识。
1、在上一章中，我们学习了表单的相关元素及其属性和CSS控制表单样式。那么，表
单的属性都有那些呢？
答案：
1、 action属性
在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并
处理表单数据的服务器程序的url地址。例如：
版权声明：本文标题：HTML5音视频技术教学设计 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1710304663a567033.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论