表单网教案

表单网教案

Document serial number【LGGKGB-LGG98YT-LGGT8CB-LGUT-

《表单网页》教案

【教学目标】

1．知识与技能

⑴了解表单网页的概念和作用；

⑵掌握表单网页的制作方法。

2．过程与方法

通过阅读课本、观看演示回忆、感受表单网页的作用；在递进的操作任务中掌握表单网页制作和美化的方法。

3．情感态度与价值观

体验表单网页在网站中的重要作用，激发他们对信息技术的求知欲，形成积极主动地学习和使用信息技术、参与信息活动的态度。

【重点难点】

表单网页的制作方法。

【课时安排】1课时

【教学准备】网络教室、多媒体教学软件。

【教学过程】

一、新课引入（5分钟）

大家有QQ号或者E-mail邮箱吗在申请QQ和E-mail时，我们要输入一些个人信息这类采集用户信息的网页都被称为表单网单。（阅读课本P119）

展示一个简单的园艺网站来介绍家乡的盆景艺术，如皋是全国有名的盆景园艺之乡，每天有许多人通过网络了解如皋的盆景艺术，怎样才能知道他们对我们网站的意见或建议呢（设计一个留言板网页来采集他们的意见。）

二、过程

（一）认识表单网页（8分钟）

表单网页是一种结构化的网页，是网站中提供浏览者发表个人意见、提供反馈信息的互动交流的页面。

：用于接收用户输入的单行文本信息，如姓名、地址等。

滚动文本框：可以输入多行信息的文本框，如意见、建议等。

单选按钮：提供两个或多个互斥选项，用户只能选中其中的一项。如：性别。

：提供一个或一组选项，用户可选择其中的一个或多个选项。

下拉菜单：允许用户从下拉菜单列表中选择其中一项。

按钮：FrontPage 2000中的按钮表单域有三种类型，即“普通”、“提交”和“重置”。“提交”用于表单提交；“重置”用于清除表单所填内容，回到初始状态；“普通”用于执行其它客户的操作。

（二）制作表单网页（15分钟）

表单网页制作方法步骤：依次单击“插入”→“表单”，弹出下级菜单。

实践：制作一个“留言”功能的表单网页。

活动1 建立表单（根据提供的效果样张，完善表单网页）

提示：

①在“姓名”后插入一个“单行文本框”；

②在“性别”后的各选项前分别插入“单选按钮”；

③在“您的兴趣爱好”后的各个选项前分别插入“复选框”，可以复制；

④在“您的职业”，后插入一个“下拉菜单”。添加“工程师”和“公务员”和“其他”等菜单内容（单击“添加”按钮，添加“工程师”菜单项，重复操作）；

⑤在“您对我们的建议或要求”后插入“滚动文本框”，调整其至合适大小；

⑥修改默认的按钮名称（双击按钮）；

（三）表单网页的美化（5分钟）

活动2 在最后一行表格中插入一个名为“”的Flash动画

提示：单击“插入”菜单中的“高级”“插件”。

思考：插入一幅GIF动画图片（.gif）和一个FLASH动画（.swf）有何不同

活动3 为当前的表单网页添加一个名为“”的背景音乐。

提示：在网页中的任意位置右击鼠标，选择“网页属性”命令（或单击“文件”菜单，选择“属性”命令），在“常规”选项卡中操作

保存编辑的表单网页并利用平台提交。

作品展示：（5分钟）

小结：PPT（3分钟）

二、【检测与评价】（4分钟）

1．通常可以使用（）来收集访问者的意见，统计调查访问信息。

A.表格

B.框架

C.表单

D.单元格

2.利用表单制作留言板时，若要采集访问者的性别，可以选用的表单字段有（）。

A.复选框

B.单选按钮

C.下拉菜单

D.单行文本框

3.利用表单中的字段，我们可以设计功能强大的交互式在线考试试卷。以下

（）字段可以用来采集不定项选择题的答案。

A.单行文本框

B.单选按钮

C.复选框

D.下拉菜单

4．插入FLASH动画时，使用“插入”菜单下的（）命令。

A．图片 B.组件 C.表单 D. 高级→插件

5．若要为当前网页设置背景音乐或背景图片，应下面的（）属性中进行设置。

A．图片属性 B.网页属性 C.表格属性 D. 单元格属性

【课后延伸】

表单网页提交的数据提交到哪儿去了呢请同学们课后阅读课本P120的相关内容，也可以利用因特网搜索去解开这个奥秘，在学习本册第七章第三节时，我们会为大家解开这个奥秘。