网页制作表单教学设计教案

1、5. 2网页制作一一表单教学方法：教学演示、任务驱动、自主练习一、教学目标：1、知识与技能了解表单的概念掌握表单网页的制作方法2、过程与方法体验表单网页的制作过程体验用表单网页进行信息的采集过程3、情感、态度、价值观认识信息技术对人们日常生活、学习、工作的影响激发学生对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息 活动的态度二、重点难点：表单网页的概念表单网页的制作方法三、课程标准：选修用K块3:网络技术应用-网站设计与评价-内容标准一能够根据表达 任务的需求，使用常用的网页制作软件制作网页四、教学媒体：（本教案需用到的各种教学媒体和资源）1. 硬件：网络机房2. 软件：多媒体

2、广播教学软件，FrontPage2000学生在学习本节内容之前，已经学习过因特网的相关知识、会上网，并且已经掌 握常用网络工具软件的使用，如 QQ E-mail等等，并且有着浓厚的兴趣。大部 分学生只停留在利用QQ聊天、进行网络游戏、收发 E-mail等阶段，对申请QQ 号码和E-mail时的网页结构形式知之甚少。本节课的关键是通过学习，了解表 单网页的制作过程和方法，为以后信息获取和处理打下基础。六、教材分析：网络基础及应用是高中信息技术课程的重点，是培养学生信息素养的关键章节， 对于培养学生获取、评价、利用和表达信息的能力，起着举足轻重的作用。而表 单网页在基于网络的信息收集处理方面有着明

3、显的优势。七、教学过程:教学 阶段教师活动学生活动设计意图创设 情境 课堂 引入问题1:同学们好，你们 有QQ号码吗？问题2：你们有 E-mail吗？讨论思考利用学生熟知的事 物激发学生的学习 兴趣单页形形 表网的的问题3:怎样申请一个免 费的QQ号码？谁能到前 面来给大家演不一下？学生选派代表或举手 到教师机前面给其他 同学演示让学生体验 QQ和E-mail的申请过程， 并了解表单网页的式问题4:如何申请一个免 费的E-mail呢，谁能到前 曲冉给大冢演示一下？问题5 :在申请QQ和 E-mail时，我们要输入哪 些个人信息？（广播教学 -介绍表单网页的构成要 素：单行文本框、下拉列 表框，

4、提交按钮、重写按 钮等等）结构形式，对表单有 一个感性认识如何 制作 表单 网页1、表单的概念表单是一种结构化的网 页，利用表单，你可以收 集来自世界各地的信息。2、表单网贝制作方法步 骤：依次单击“插入”/“表单”， 弹出下级菜单问题6:表单由哪些组件？3、教师演示如何插入单行 文本框，流动文本框、复 选框、单选按钮、下拉彩 单、按钮。学生观察并练习，教师 巡回指导通过演示模仿，达到 熟练操作任务 驱动学生 自主 练习呈现学习任务，要求学生 制作一个“留言板”学生分组操作，自主合 作练习培养学生的合作意 识，让学生带着问题 进行自主学习，掌握 自主、合作学习的方 法。教学 评价指导学生上传分

5、组作品， 并向全班同学展示。学生评价让学生学会如何客 观地评价他人作品。 把学生作品作为个 人成长记录的一部 分。总结本课知识回顾和小结网页表单的制作案例教案问题的提出制作一张如下所示的用户登记表谷用J3邕定-Nscr&Mfi!BsjiltyerN伴IIJ Srttt a)更岩I)也温 IA (t)靶用圜FJ4,，©比 与4：拙号第国=iS 在但jE W例_ .索短旋_|九体字曲湎喟相 催嗔J 第1匚9打 口勺匚6切1#叮 rE*3、iwljBEbJji | 台不到用户登记 1ji_a-_r_ _t-_i-_-_j-_ i- r_r-_i-_i-_t-_r"_r-_

6、j_i_j-_a_n-_c_r-_i_j- i ii_ l i_rr-_r_p_r_-亲爱的用户.欢迎您询可我们的网站,请填写你的力A倍昆便于我们及时与摊联系.|姓名：|年弟二|性别：F男 女文化程庾:F3职虹F3你的曩好：电物l运劲旨东rj±4厂阅谀厂上网聊天女友曼无口闰段的幻电2、 二、问题：1 .上述用户登记表中有哪几种表单域？2 .表单的工作原理是什么？3、 三、表单的构成表单域：是容纳输入信息的容器，是用户输入数据的地 方。表单控制器：负责处理用户在表单中填写的信息。“提交”和“重置”按钮：将信息提交到站点服务器、 清除表单中已填写的内容。四、四、制作用户登记表单行文本框：

7、用于让用户输入一行文本信息，并能够被 Web服务器接受，用户登记表中的姓名、年龄和 E_mail均是单行文 本框。滚动文本框：单行文本框只能输入一行文本信息，如 果要输入多行文本信息，就要使用滚动文本框。单选按钮：通常成组使用，用于让用户从一组互斥的 选项中选择一项，用户登记表中的性别是一个由两个成员组成的单选 按钮组。注意：同一组中的单选按钮的组名称必须是相同的，值不相 同。下拉菜单：用于让用户从一个列表中选择一项或多项， 用户登记表中的文化程度和职业均是下拉菜单。复选框：如果希望用户从多个选项中选出要的项目，应该使用复选框，用户登记表中的您的爱好下面的表单域均是复选 框，各复选框相互独立。

8、按钮：一般在网页中创建表单时，FrontPage会自动加上两个按钮：“提交”按钮和“全部重写”按钮。“提交”按钮的作 用是把表单上的数据提交给 Web服务器的表单处理程序；“全部重写” 按钮的作用是把表单上的数据清空，让用户重新填写。双击“全部重 写”按钮，把此按钮名改为“重置”。5、 五、表单处理1 .问题：当用户填写完表单，单击“提交”按钮后，表单被哪个程序处理？怎样处理？当用户提交表单后，单击“提交”按钮后，表单内容将被传递给 服务器端的表单处理程序，由该程序对表单数据进行处理。虽然 FrontPage提供了默认的表单处理程序，但该程序通常只能完成最简 单的功能。为了完成用户特定的功能，

9、还需要学习ASP等网络编程语 言。将表单结果发送到文件：将表单结果发送到站点中的一个 文件，并向浏览者返回一个确认网页是最常见的一种处理表单的方 法，也是FrontPage默认的表单处理方法。在默认情况下表单结果将 保存在当前站点的_private/文件中，根据需要，可以把该文件转化 为数据库文件。£叱的A亳5汇tw txt -色事本文件® 编揖0）捏索 帮助J'username'151, ,/13111D1学：，学 /UA i>I卜I1 »J/ T R :al:J工人"","期甲(!nT, j "Wilffi" ."ZhaigOEhu .edu xn"C6',T7","C8" 口 N',植交” »J ,一植玄” 帆,ii交”-|n| <1文件内容将表单结果发送到E-mail信箱：要使表单结果能够发送 到指定的电子邮件地址，必须预先安装和设置 FrontPage 服务器端 扩展程序。将表单结果发送到数据库：将表单结果发送到指定的数据 库中，这是目前较通常采用的表单处理方法， 该数据库可以是已经存 在的，也可以是由FrontPage新建的。将表单结果