Web前端开发之网页设计 教案 单元4 HTML5新特性.docx

《Web前端开发之网页设计 教案 单元4 HTML5新特性.docx》由会员分享，可在线阅读，更多相关《Web前端开发之网页设计 教案 单元4 HTML5新特性.docx（4页珍藏版）》请在第一文库网上搜索。

1、Web前端开发之网页设计课程教学单元设计教学单元4HTM15新特性授课教师：授课班级：学时：12教学条件预装Web前端开发工具HBUiIder等的计算机；局域网环境；教学广播软件教学素材教材、教学文档、教学课件、案例项目库、教学平台等教学目标设计知识目标：(1) HTM15概述(2) HTM15新增元素及通用属性(3) HTM15智能表单能力目标：(1)了解HTM15的优势、文档声明及语法变化。(2)掌握常用的文档语义标签、文本语义元素，能够正确的组织页面结构。(3)掌握常用页面增强元素、HTM15通用属性，能够使用页面元素实现相应的操作。(4)理解多媒体元素，能够在页面完成音频和视频的嵌入。

2、(5)掌握input标签新增type类型，能够定义不同的表单控件。(6)了解新增表单常用属性，能够正确完成表单的功能。教学内容(1)HTM15的优势、文档声明及语法变化。常用的文档语义标签、文本语义元素。(3)常用页面增强元素、HTM15通用属性。(4)在页面完成音频和视频的嵌入。(5)input标签新增type类型。(6)新增表单常用属性。重点8常用的文档语义标签、文本语义元素。(2)常用页面增强元素、HTM15通用属性。音频和视频的嵌入。(4)input标签新增type类型。(5)新增表单常用属性。难点：常用页面增强元素、HTM15通用属性。音频和视频的嵌入。input标签新增type类型

3、。(4)新增表单常用属性。任务4-1HTM15概述(2学时)主要步骤教学内容教学方法教学手段师生活动任务引入什么是HTM15?教师讲授启发引入多媒体教师：问题提问学生：问题讨论知识讲解(1)HTM15的优势HTM15的文档声明(3)HTM15的语法变化启发讲解讨论归纳多媒体课件演示教师：知识讲解学生：记录笔记师生互动交流示范操作操作1：语义明确化示例。操作2：HTM15的语法变化。问题引导操作演示分析归纳多媒体系统演示老师：操作演示学生：观摩思考老师：归纳总结实战训练实战1：使用HTM15为页面提供了更加明确的结构语义元素。实战2：使用HTM15元素省略标记、省略属性的值等。动手实践做中学多媒

4、体系统操作学生：实践操作老师：巡视检查评估讨论展示学生实战任务完成的效果。评估讨论实战任务完成的正确性。评估讨论实战任务完成的规范性；(4)记载学生实战认为完成的考核结果。教师启发讨论归纳分数激励实训项目单学生：演示交流老师：点评激励课堂总结(1)归纳总结HTM15的优势。(2)归纳总结HTM15的语法变化。教师讲解多媒体课件演示学生：整理笔记老师：引导创新课后作业4.1在线练习作业练习在线练习平台老师：布置作业提出要求学生：完成作业任务4-2：HTM15新增元素及通用属性。(6学时)主要步骤教学内容教学方法教学手段师生活动任务引入HTM15新增结构语义元素的作用。教师讲授启发引入多媒体教师：

5、问题提问学生：问题讨论知识讲解HTM15新增结构语义元素。HTM15新增其它语义元素。HTM15新增多媒体元素。(4)HTM15新增通用属性。启发讲解讨论归纳多媒体课件演示教师：知识讲解学生：记录笔记师生互动交流示范操作操作1：使用新增结构语义元素操作页面。操作2：使用新增其它语义元素构建页面。操作3：使用新增多媒体元素、新增通用属性构建页面。问题引导操作演示分析归纳多媒体系统演示老师：操作演示学生：观摩思考老师：归纳总结实战训练实战1：掌握HTM15新增元素及通用属性。实战2：掌握HTM15智能表单的制作。动手实践做中学多媒体系统操作学生：实践操作老师：巡视检查评估讨论展示学生实战任务完成的

6、效果。评估讨论实战任务完成的正确性。评估讨论实战任务完成的规范性；记载学生实战认为完成的考核结果。教师启发讨论归纳分数激励实训项目单学生：演示交流老师：点评激励课堂总结(1)归纳总结HTM15新增结构语义元素。归纳总结新增其它语义元素。归纳总结新增多媒体元素、新增通用属性。教师讲解多媒体课件演示学生：整理笔记老师：引导创新课后作业4.2在线练习作业练习在线练习平台老师：布置作业提出要求学生：完成作业教学过程设计任务4-3:HTM15智能表单(4学时)主要步骤教学内容教学方法教学手段师生活动任务引入回顾HTM1表单的作用。教师讲授启发引入多媒体教师：问题提问学生：问题讨论知识讲解(1) inpu

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