表单网页教案

《表单网页》教案

【教学目标】

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的相关内容，也可以利用因特网搜索去解开这个奥秘，在学习本册第七章第三节时，我们会为大家解开这个奥秘。