《表单与动态网页》教学案例

开篇：润墨网以专业的文秘视角，为您筛选了一篇《表单与动态网页》教学案例范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

一、教学流程

（一）环节一：导入新课、创设氛围

1.教师活动

（1）展示班

>> 《动态网页设计》案例生活化教学设计 动态网页设计教学探讨 模拟公司教学法在动态网页设计课程中的实践与思考 项目教学法在《动态网页设计与制作》课程中的应用 比较学习法在《ASP动态网页设计与应用》教学中的应用 一体化教学在ASP动态网页中的应用与反思 “ASP动态网页设计技术”项目教学法的研究与实践 《ASP动态网页设计》课程教学方法改革与实践 浅谈运用动态网页辅助教学 借助Xmind思维导图辅助动态网页教学 浅谈《ASP动态网页设计》课程教学改革 职业院校ASP动态网页设计教学刍议 高职《动态网页设计》课程教学改革研究 浅谈《ASP动态网页设计》教学研究 PHP 动态网页制作课程一体化教学模式的探索与实践 《狐假虎威》教学案例与评析 教学案例的设计与解读 《风筝》教学案例与反思 教学案例认识与体会 《泪珠与珍珠》教学案例 常见问题解答 当前所在位置：），在该页面的合适位置尝试创建表单。

（3）学生思考自己个人网站的表单里需要设置什么样的题目，才可以有效获得浏览者有价值的信息。

（4）根据设置的调查题目内容选择恰当的表单控件元素，并根据具体题目的选项，尝试修改控件的属性。

（5）学生尝试在表单区域内添加按钮控件，并测试表单页面运行后，各表单控件元素的选定或填写后的变化。

3.设计意图

通过评价其他同学的网站作品去设置调查的问题，可以使学生的表单任务更具有针对性和实用性。通过层层深入的关联问题，引出新知识，调动学生的学习积极性。

（三） 环节三：知识探究，解决问题――表单数据提交到哪里？接收页面收什么？怎么接收？如何显示？

（1）通过再次观看在线互动页面的填写提交过程，发现交互的过程有两个页面，引出需要一个页面来处理前一页面发送或提交过来的数据，建立数据处理页面feedback.htm，两个页面有什么关系？（发送和接收）

（2）通过建立两个页面的关系，引出表单form属性的动作设置（Action= feedback.htm）。

（3）通过接收数据，讲解Request.Form（“表单元素名称”）对象的基本语法及使用方法。

（4）通过显示已接收的数据，讲解输出语句（<%= %>的基本语法及使用方法）。

（5）通过上传第一次测试，结果不成功，找问题：引出基于服务器端动态网页ASP（讲解动静态网页区别及工作过程）。

（6）根据上述新知，修改feedback.htm后缀为asp，第二次上传测试：成功。（结合基于服务器端环境的动态网页工作原理，思考原因）

……

二、教学反思

本节课内容是利用表单为个人网站设计在线调查反馈页面、创建服务器端动态网页对表单页面提交过来的数据进行接收与反馈，实现学生以表单的形式初步收集、点评信息，完成对网站作品的评价;生成能够实现交互的动态网页，引导学生实现在学习前期静态网页制作基础之上的知识提升。信息技术课程是一门培养学生创新意识和实践能力的课程，而这种意识和能力的培养应该体现在每节课上，为上好本节课，前期一系列网页制作课创新地串联为一个大项目进行教学设计和规划，同时以学生为中心，选择以贴近学生日常学习生活的节日为网站项目的主题，从网站主题的策划和风格的确立、网站结构栏目规划、网页内容相关资料的收集处理、主流专业网页软件Dreamweaver的选用等一系列前期课程出发，紧紧围绕学生主题网站项目进行教学设计。本节课较遗憾的地方，在讲解表单组件属性的修改和对应的ASP动态页面接收、输出语句参数的对应关系<%= Request.Form（“name”） %> 学生不是很理解为什么使用这样的语句等并对出现的各种出错不知从哪儿进行检查并调试处理。零散的知识点不利于学生学习和记忆，我们应该努力寻找各个知识点之间的逻辑关系，通过某种易于接受的逻辑将知识点串联起来，这样才更有利于学生理解和记忆所学知识。

（作者单位：南京师范大学附属中学江宁分校）