《第二节 06设计具有交互功能的网页》参考教案.docx

学而优教有方

PAGEPage3/NUMPAGESPages3

设计具有交互功能的网页

一、教材分析

本课是第3章第2节第1课时，本节课的重点内容就是制作表单网页。表单网页主要可以广泛征求意见和信息的采集和交流，具有较强的交互功能，是设计主题网站过程不可或缺的，因此在本章节占有很重要的地位。

本节课的内容是建立在前几节课的教学基础上，学生只有学会了前面章节中网页的简单编辑和表格的使用，才能完成本节课的教学任务，因此，本节课也是对前几节课教学知识的综合运用。

二、学情分析

本节课是在学生已经学过建立、打开网站、网页，表格布局网页等的基础上来进一步学习的，表单界面的设计对于学生来说并不难，但教师需要引导学生在理解网页的交互功能及实现方法的基础去学习才有意义。

三、教学目标

1.知识与技能

（1）了解交互式网页的概念、表单的功能和作用，表单在网页中的应用，创建表单的方法。

（2）掌握表单元件的功能及使用方法，能够合理运用各表单元件，并正确设置其属性。

2.过程与方法

通过学习与创作，体验表单给网页带来的交互作用，学会制作表单网页。

3.情感、态度与价值观

通过参与“珍稀动物保护知识竞答”，了解珍稀动物保护的相关知识以及保护动物、维护生态的重要性。

通过参与“环保”表单网页设计，增强对环境保护的意识等。

4.行为与创新

通过知识竞答界面的自主创作以及整个网页的美化完善，学生能够将所学知识技能融会贯通。

四、教学重点与难点

1.重点

（1）表单元件的正确插入。

（2）表单元件的属性设置。

2.难点

表单元件的属性设置，根据实际需要正确运用表单元件。

五、教学方法

讲授、演示、任务驱动、自主探究。

六、教学准备

课件、学件（包括知识竞答、课堂反馈等）、学生素材、多媒体广播教学。

七、教学过程

（一）情境导入

1.教师活动

让学生完成一个珍稀动物保护知识小测试，反馈测试结果。

2.学生活动

完成珍稀动物保护知识小测试。

3.设计意图

让学生在实际应用中感受交互网页，了解珍稀动物保护知识。

（二）知识新授

任务一：认识表单元件，并掌握基本操作

1.教师活动

通过分析珍稀动物保护小测试介绍表单元件。讲解简单表单的制作。布置任务：完成简单的个人信息的表单制作。巡视并及时指出学生操作过程中的问题。

2.学生活动

认真听讲，并完成任务，根据老师的提示修改自己网页中存在的问题。

3.设计意图

学生第一次接触，所以采用教师讲解的方式，目的是让学生掌握表单元件的正确插入。

任务二：巩固表单元件使用，掌握详细设置

1.教师活动

反馈上一任务中比较普遍的问题。布置任务：在任务一的基础上完成个人信息调查的表单，让个别学生演示任务的制作。

2.学生活动

认真思考老师的提问，并积极地回答。根据学件，自学完成任务。学生演示任务的制作方法。

3.设计意图

让学生熟悉表单元件的属性设置。反馈学生学习情况，进一步巩固表单元件的使用方法。

任务三：应用所学，创新设计表单

1.教师活动

布置任务：完成环保知识、个人爱好、网站意见和建议的表单制作。演示学生作品，分析学生所运用的表单元件，讲解表单的提交。

2.学生活动

根据老师给的文字等素材，使用正确的表单元件，完成整个表单网页的制作。师生一起分析同学的作品，并积极回答教师提出的问题。

3.设计意图

表单的插入不难，关键是如何正确地应用，在这儿给学生一个自我创作的空间。

让学生了解表单元件的运用不是唯一的，了解表单的提交方式。

拓展任务：表单的修饰

1.教师活动

布置拓展任务：修饰表单网页，展示学生作品，讲解表单的提交。

2.学生活动

完成拓展任务，欣赏学生作品并进行评价。

3.设计意图

运用前面所学知识，让学生充分发挥自己的想象力。

（三）课堂小结

1.教师活动

展示其他表单网页，总结本课知识。

2.学生活动

了解多种表单网页形式，回顾本课所学知识。

3.设计意图

拓展所学知识，梳理所学知识。