制作交互功能的网页教案

制作交互功能的网页教案设计与反思 一、教学目标： 1、知识与技能： （1）、了解交互式网页的概念、表单的功能和作用，以及表单在网页设计中的应用。 （2）、掌握表单组建的功能及使用方法，能够设置个表单组件的属性。 2、过程与方法： （1）、能够灵活运用表单设计具有交互功能的网页。 3、情感态度与价值观： （1）、通过学习与创作，使学生感受表单在网页中的作用，体验网页的交互功能。 二、教学重点难点： 1、教学重点： （1）、了解表单的交互功能，掌握表单各组件的使用方法。 （2）、学会设计简单的具有交互功能的网页。 2、教学难点： （1）、表单中分组框的作用及属性设置。 （2）、表单组件中按钮名称与分组关系。 三、教学过程： 1、创设情境、导入新课 （1）、教师将网上具有表单功能的网页展示给学生，让学生参与网上调查或申请注册等，体验交互功能———导入新课。21世纪教育网版权所有 设计意图：激发学生的学习兴趣。 2、任务驱动、自主学习 （1）、教师讲解简单表单的制作。出示任务一：完成简单的个人信息的表单制作。 （2）、教师巡视并及时指出学生操作过程中的问题，学生完成任务一，并根据教师的提示修改自己网页中存在的问题。21教育网 （3）、教师反馈任务一中比较普遍的问题。学生认真思考教师的提问，积极回答问题。 设计意图：由于学生第一次接触表单所以采用教师讲解的方式，目的是让学生掌握表单元件的插入方法。 （4）、教师出示任务二：完成知识问答表单及按钮属性的设置。教师让个别学生进行演示，给优秀学生一个展示自我的空间。21cnjy.com 设计意图：表单的插入并不难，关键是如何正确地应用，因此此处可以给学生一个自我创作的空间。让学生了解表单元件的运用不是唯一的，了解表单的提交方式。 3、展示作品、课堂小结 （1）、教师展示优秀表单网页，总结本课知识，引导学生进行回顾。 设计意图：总结本课知识，巩固所学。展示优秀作品，鼓励学生。 四、教学反思： 1、本节内容是在学生已经基本掌握静态网页设计方法的基础上，进一步了解网页的交互功能及其简单设计方法。教师引导学生理解网页的交互功能及实现方法，在教师指导下，学生探究表单组件的功能及属性设置。本节内容为学生今后学习动态网页设计奠定了基础。