《Web前端开发之网页设计》课程教学单元设计
教学单元4    HTM15新特性
授课教师：    授课班级：    学时：12
教学条件
预装Web前端开发工具HBUiIder等的计算机；局域网环境；教学广播软件
教学素材
教材、教学文档、教学课件、案例项目库、教学平台等
教学目标设计
知识目标：
(1)HTM15概述
(2)HTM15新增元素及通用属性
(3)HTM15智能表单
html网页设计实验心得能力目标：
(1)了解HTM15的优势、文档声明及语法变化。
(2)掌握常用的文档语义标签、文本语义元素，能够正确的组织页面结构。
(3)掌握常用页面增强元素、HTM15通用属性，能够使用页面元素实现相应的操作。
(4)理解多媒体元素，能够在页面完成音频和视频的嵌入。
(5)掌握＜input＞标签新增type类型，能够定义不同的表单控件。
(6)了解新增表单常用属性，能够正确完成表单的功能。
教学内容
(1)HTM15的优势、文档声明及语法变化。
⑵常用的文档语义标签、文本语义元素。
(3)常用页面增强元素、HTM15通用属性。
(4)在页面完成音频和视频的嵌入。
(5)＜input＞标签新增type类型。
(6)新增表单常用属性。
重点8
⑴常用的文档语义标签、文本语义元素。
(2)常用页面增强元素、HTM15通用属性。
⑶音频和视频的嵌入。
(4)＜input＞标签新增type类型。
(5)新增表单常用属性。
难点：
⑴常用页面增强元素、HTM15通用属性。
⑵音频和视频的嵌入。
⑶＜input＞标签新增type类型。
(4)新增表单常用属性。
任务4-1HTM15概述(2学时)
主要
步骤
教学内容
教学方法
教学手段
师生活动
任务引入
什么是HTM15?
教师讲授启发引入
多媒体
教师：问题提问学生：问题讨论
知识
讲解
(1)HTM15的优势
⑵HTM15的文档声明
(3)HTM15的语法变化
启发讲解讨论归纳
多媒体课件演示
教师：知识讲解学生：记录笔记师生互动交流
示范
操作
操作1：语义明确化示例。
操作2：HTM15的语法变化。
问题引导操作演示分析归纳
多媒体系统演示
老师：操作演示学生：观摩思考老师：归纳总结
实战
训练
实战1：使用HTM15为页面提供了更加明确的结构语义元素。
实战2：使用HTM15元素省略标记、
省略属性的值等。
动手实践做中学
多媒体系统操作
学生：实践操作老师：巡视检查
评估
讨论
⑴展示学生实战任务完成的效果。
⑵评估讨论实战任务完成的正确性。
⑶评估讨论实战任务完成的规范性；
(4)记载学生实战认为完成的考核结果。
教师启发讨论归纳分数激励
实训项目单
学生：演示交流老师：点评激励
课堂
总结
(1)归纳总结HTM15的优势。
(2)归纳总结HTM15的语法变化。
教师讲解
多媒体课件演示
学生：整理笔记老师：引导创新
课后作业
4.1在线练习
作业练习
在线练习平台
老师：布置作业提出要求
学生：完成作业

任务4-2：HTM15新增元素及通用属性。(6学时)
主要
步骤
教学内容
教学方法
教学手段
师生活动
任务引入
HTM15新增结构语义元素的作用。
教师讲授启发引入
多媒体
教师：问题提问学生：问题讨论
知识
讲解
⑴HTM15新增结构语义元素。
⑵HTM15新增其它语义元素。
⑶HTM15新增多媒体元素。
(4)HTM15新增通用属性。
启发讲解讨论归纳
多媒体课件演示
教师：知识讲解学生：记录笔记师生互动交流
示范
操作
操作1：使用新增结构语义元素操作页面。
操作2：使用新增其它语义元素构建页面。
操作3：使用新增多媒体元素、新增通用属性构建页面。
问题引导操作演示分析归纳
多媒体系统演示
老师：操作演示学生：观摩思考老师：归纳总结
实战
训练
实战1：掌握HTM15新增元素及通用属性。
实战2：掌握HTM15智能表单的制作。
动手实践做中学
多媒体系统操作
学生：实践操作老师：巡视检查
评估
讨论
⑴展示学生实战任务完成的效果。
⑵评估讨论实战任务完成的正确性。
⑶评估讨论实战任务完成的规范性；
⑷记载学生实战认为完成的考核结果。
教师启发讨论归纳分数激励
实训项目单
学生：演示交流老师：点评激励
课堂总结
(1)归纳总结HTM15新增结构语义元素。
⑵归纳总结新增其它语义元素。
⑶归纳总结新增多媒体元素、新增通用属性。
教师讲解
多媒体课件演示
学生：整理笔记老师：引导创新
课后作业
4.2在线练习
作业练习
在线练习平台
老师：布置作业提出要求
学生：完成作业

教学过程设计
任务4-3:HTM15智能表单(4学时)
主要
步骤
教学内容
教学方法
教学手段
师生活动
任务引入
回顾HTM1表单的作用。
教师讲授启发引入
多媒体
教师：问题提问学生：问题讨论
知识
讲解
(1)＜input＞元素新增type类型。
(2)HTM15智能表单。
启发讲解讨论归纳
多媒体课件演示
教师：知识讲解学生：记录笔记师生互动交流
示范
操作
操作1:co1or5日期和时间、emai1O
操作2:数字、search∖ur1∖te1类型。
操作3：HTM15智能表单设置。
问题引导操作演示分析归纳
多媒体系统演示
老师：操作演示学生：观摩思考老师：归纳总结
实战
训练
实战1：＜input＞元素新增type类型设置。
实战2：HTM15智能表单。
动手实践做中学
多媒体系统操作
学生：实践操作老师：巡视检查
评估
讨论
⑴展示学生实战任务完成的效果。
⑵评估讨论实战任务完成的正确性。
⑶评估讨论实战任务完成的规范性；
(4)记载学生实战认为完成的考核结果。
教师启发讨论归纳分数激励
实训项目单
学生：演示交流老师：点评激励
课堂总结
(1)归纳总结＜input＞元素新增type类型。
(2)归纳总结HTM15智能表单。
教师讲解
多媒体课件演示
学生：整理笔记老师：引导创新
课后作业
4.3在线练习
作业练习
在线练习平台
老师：布置作业提出要求
学生：完成作业

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。