《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在线练习 | 作业练习 | 在线练习平台 | 老师：布置作业提出要求 学生：完成作业 |
发表评论