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



更多相关文章:
表单网页代码的编写
表单网页代码的编写。这是高考复习教案,适应于四川省对口高考表单知识的复习武...2014年证券考试《投资基金考前押题卷 证券从业资格考试投资分析考点识记89...
八年级上册信息技术1.7制作表单网页
八年级上册信息技术第一单元,教案八年级上册信息技术第一单元,教案隐藏>> 八年级下册信息技术第 7 课 制作表单网页 教材分析: 一般的如果网站设计者想要知道网站访...
使用表格布局网页教案
信息技术教案学校:大连 62 中学 日期:2009 年 4 月 20 日 授课班级:初 2 年 3 班授课人:姜春月 课题 使用表格布局网页 课时 1 课型 新授 (1)了解表格...
网页中表格教案
网页中表格教案_其它课程_初中教育_教育专区。第三课 在网页中插入表格 一、教材分析网页制作中用表格来规划整个网页的布局,是我们设计制作网页常用的手法。所以学 ...
《学生注册表单网页设计》教学设计
一、教材分析和处理 本节课是第 13 章《创建表单网页》的第一节《认识表单》中的内容,主要目标是让学生 认识表单并完成“学生注册表单网页”的设计。该节内容...
《网页设计与制作》教案
《网页设计与制作》教案_工学_高等教育_教育专区。教 案 2012 ~ 2013 学年...技能要点: 表格布局模式的使用,表单的制作。 教学步骤: 举例展示->讲解->小结...
制作表单网页
制作表单网页 制作表单网页说课稿尊敬的各位评委、专家:大家好!今天我说课的内容是《制作表单网页》 。 一、教材分析与处理本课是《Dreamweaver CS3 网页制作案例...
html网页表单制作
html网页表单制作_IT/计算机_专业资料。html表单的制作精讲,及实例解析。1.表单标签…… 1.表单标签…… 表单标签 语法:<FORM name=“form_name” ACTION=“URL...
制作交互功能的网页—表单网页的制作
制作交互功能的网页—表单网页的制作_其它课程_初中教育_教育专区。本节课是苏...制作交互功能的网页教案 2页 1下载券 《网站的发布》教学设计 6页 免费 用...
《应用表格布局网页结构》教案
《应用表格布局网页结构》教案一、教学目标 1、知识与技能: (1)了解表格网页的作用; (2)掌握网页中表格的制作方法,表格属性的属性设置方法; (3)能根据网页设计...
更多相关标签:
网页表单自动填写工具    自动填写网页表单    网页表单    网页表单设计    js自动填写网页表单    vba自动填写网页表单    网页表单制作    网页表单模板    

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

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