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



更多相关文章:
《表单网页》教案
《表单网页》教案_其它课程_初中教育_教育专区。《表单网页》教案 【教学目标】 1.知识与技能 ⑴了解表单网页的概念和作用; ⑵掌握表单网页的制作方法。 2.过程...
公开课《表单网页》教案
公开课《表单网页》教案_其它课程_高中教育_教育专区。江苏省张家港职业教育中心校 公开课简案执教 课题 曹毓 科目 表单网页 信息机术 班级 课型 综合 121 上机...
《网页美工设计》教案
第5页 《网页美工设计》课程教案授课教师: 章节 内容 教学 目标 重点 难点 教学 方法 教学 环境 授课班级: Dreamweaver 中图像的使用; 网页字体设计; 表单设计...
网页制作教学设计
组内成员商议设计表单的目的, 掌握站点构建的基本方法. 提出学习任务("班级网页...《第三章网页制作》教学... 7页 免费 网页设计与制作教案 32页 免费 网页设计...
《JavaSE项目实践》教案
《JavaSE 项目实践》 教案 课程代码: 总课时数: 适用专业: 030961 90 计算计...使用表单制作的注册页面 2、新建一个静态网页,使用“插入?表单?表单”或表单...
《“提升工程”(2015)-远程培训项目》测试题 (10)
《“提升工程”(2015)-远程培训项目测试题 (10)...共 27 小题) 20.标签中的内容需要在课程主页面中...我们使用 Word 编写教案时,需要插入表格,以下哪个...
网页表单教学案
网页表单教学案_其它课程_高中教育_教育专区。网页表单教学案吕叔湘中学集体备课教[学]案(高二信息)起草人 文宏广日期 2008/09 授课者文宏广、杭国荣、臧鹏、程...
表单制作教案
掌握表单网页的制作方法 3、掌握网页属性的设置 [教学重点] 表单网页的制作 [...报表制作教案 6页 免费 《制作简单表格参考教... 暂无评价 4页 免费 《制作...
高中信息技术_网页制作-表单教案_粤教版选修3
高中信息技术_网页制作-表单教案_粤教版选修3_其它课程_高中教育_教育专区 暂无评价|0人阅读|0次下载 高中信息技术_网页制作-表单教案_粤教版选修3_其它课程_...
html-10表单网页设计
计算机科学与技术系理论课教案《网页设计》教学项目十 HTML 中表单网页设计 【教学内容】 讲解文本框,密码框,单选、复选框、多行文本框、下拉列表的使用 【教学...
更多相关标签:
网页表单    网页表单设计    自动填写网页表单    网页表单自动填写工具    网页表单制作    js自动填写网页表单    网页表单模板    网页表单批量自动填写    

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

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