9512.net
甜梦文库
当前位置:首页 >> 其它课程 >>

《表单网页》教案



《表单网页》教案

【教学目标】
1.知识与技能 ⑴了解表单网页的概念和作用; ⑵掌握表单网页的制作方法。 2.过程与方法 通过阅读课本、观看演示回忆、感受表单网页的作用;在递进的操作任务中 掌握表单网页制作和美化的方法。 3.情感态度与价值观 体验表单网页在网站中的重要作用, 激发他们对信息技术的求知欲, 形成积 极主动地学习和使用信息技术、参与信

息活动的态度。

【重点难点】
表单网页的制作方法。

【课时安排】

1 课时

【教学准备】 网络教室、多媒体教学软件。 【教学过程】
一、新课引入(5 分钟) 大家有 QQ 号或者 E-mail 邮箱吗? 在申请 QQ 和 E-mail 时,我们要输入一 些个人信息?这类采集用户信息的网页都被称为表单网单。 (阅读课本 P119) 展示一个简单的园艺网站来介绍家乡的盆景艺术, 如皋是全国有名的盆景园 艺之乡, 每天有许多人通过网络了解如皋的盆景艺术,怎样才能知道他们对我们 网站的意见或建议呢? (设计一个留言板网页来采集他们的意见。 ) 二、过程 (一)认识表单网页(8 分钟) 表单网页是一种结构化的网页,是网站中提供浏览者发表个人意见、提供反 馈信息的互动交流的页面。 :用于接收用户输入的单行文本信息,如姓名、地址等。

滚动文本框:可以输入多行信息的文本框,如意见、建议等。 单选按钮: 提供两个或多个互斥选项,用户只能选中其中的一项。如:性别。 : 提供一个或一组选项, 用户可选择其中的一个或多个选项。 下拉菜单:允许用户从下拉菜单列表中选择其中一项。 按钮:FrontPage 2000 中的按钮表单域有三种类型,即“普通” 、 “提交” 和“重置” 。 “提交”用于表单提交; “重置”用于清除表单所填内容,回到初始 状态; “普通”用于执行其它客户的操作。 (二)制作表单网页(15 分钟) 表单网页制作方法步骤:依次单击“插入” →“表单” ,弹出下级菜单。 实践:制作一个“留言”功能的表单网页。 活动 1 提示: ①在“姓名”后插入一个“单行文本框” ; ②在“性别”后的各选项前分别插入“单选按钮” ; ③在“您的兴趣爱好”后的各个选项前分别插入“复选框” ,可以复制; ④在“您的职业” ,后插入一个“下拉菜单” 。添加“工程师”和“公务员” 和“其他”等菜单内容(单击“添加”按钮,添加“工程师”菜单项,重复操作) ; ⑤在“您对我们的建议或要求”后插入“滚动文本框” ,调整其至合适大小; ⑥修改默认的按钮名称(双击按钮) ; 建立表单(根据提供的效果样张,完善表单网页)

(三)表单网页的美化(5 分钟) 活动 2 在最后一行表格中插入一个名为“yy.swf”的 Flash 动画? 提示:单击“插入”菜单中的“高级” “插件” 。 思考: 插入一幅 GIF 动画图片 (.gif) 和一个 FLASH 动画 (.swf) 有何不同?

活动 3 为当前的表单网页添加一个名为“song.mid”的背景音乐。 提示:在网页中的任意位置右击鼠标,选择“网页属性”命令(或单击“文 件”菜单,选择“属性”命令) ,在“常规”选项卡中操作? 保存编辑的表单网页并利用平台提交。 作品展示: (5 分钟)

小结:PPT(3 分钟)

二、 【检测与评价】 (4 分钟) 1.通常可以使用( A.表格 )来收集访问者的意见,统计调查访问信息。 C.表单 D.单元格

B.框架

2.利用表单制作留言板时, 若要采集访问者的性别,可以选用的表单字段有 ( ) 。 A.复选框 B.单选按钮 C.下拉菜单 D.单行文本框

3.利用表单中的字段, 我们可以设计功能强大的交互式在线考试试卷。以下 ( )字段可以用来采集不定项选择题的答案。 A.单行文本框 B.单选按钮 C.复选框 D.下拉菜单 )命令。 D. 高级→插件 )属性中进

4.插入 FLASH 动画时,使用“插入”菜单下的( A.图片 B.组件 C.表单

5.若要为当前网页设置背景音乐或背景图片,应下面的( 行设置。 A.图片属性 B.网页属性 C.表格属性

D. 单元格属性

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



更多相关文章:
网页表单教学案
网页表单教学案_其它课程_高中教育_教育专区。网页表单教学案吕叔湘中学集体备课教[学]案(高二信息)起草人 文宏广日期 2008/09 授课者文宏广、杭国荣、臧鹏、程...
人教版信息技术五下第12课《制作表单网页》word教案
课题:八年级第七课制作表单网页教案 学科:信息技术 年级:8 第 1 单元(章、课、节) 第 1 教案 第 7 节 第 10 周总 1 课时 总编号: 8 备课时间 课 ...
表单制作教案
表单网页的制作方法 3、掌握网页属性的设置 [教学重点] 表单网页的制作 [教学...报表制作教案 6页 免费 《制作简单表格参考教... 暂无评价 4页 免费 《制作...
表单网页设计教学设计(初中信息技术精品)
表单网页设计 一、教材分析: 本教学内容是在已经基本掌握静态网页设计方法的基础上, 让学生进一步了解网页的交 互功能及其简单的设计方法。在教学中,教师往往注重...
制作表单网页
地位与作用 《制作表单网页》这一课选自青岛出版社的信息技术,八年 级上册第一章第 7 课的内容,本课主要涉及表单的插入和表单数 据的收集两个方面。 教学目标...
《网页制作表单的设计》教学设计
《网页制作表单的设计》教学设计_中职中专_职业教育_教育专区。利用Dreamweaver表单进行网页设计 表单的设计网页制作课程 15 电商 4、5 班 2 课时 一、 【教学目标...
html-10表单网页设计
计算机科学与技术系理论课教案—《网页设计》教学项目十 HTML 中表单网页设计 【教学内容】 讲解文本框,密码框,单选、复选框、多行文本框、下拉列表的使用 【教学...
制作表单网页
今天我说课的内容是《制作表单网页》 。 一、教材分析与处理本课是《Dreamweaver...第 1 页共 4 页 制作表单网页 1.情景教学法:教师在教学过程中再现不同的...
《制作交互网页》教学设计
《制作交互网页》教学设计_教学案例/设计_教学研究_教育专区。《制作交互网页》...过程与方法:通过表单元件的分析设计,体验表单元件在交互网页中的作用;通过表 单...
html-8 表单网页设计(一)
计算机科学与技术系理论课教案—《网页设计》教学项目八 HTML 中表单网页设计(一) 一、表单网页的设计 1.表单标志 ,/form> 定义表单的开始与结束,常用的属性有:...
更多相关标签:
网页中的表单 教案    表单网页    表单大师网页版    自动填写网页表单    网页表单制作    网页表单设计    网页表单模板    vba自动填写网页表单    

All rights reserved Powered by 甜梦文库 9512.net

copyright ©right 2010-2021。
甜梦文库内容来自网络,如有侵犯请联系客服。zhit325@126.com|网站地图