网页制作表单教学设计教案

巡山小妖精
856次浏览
2020年12月02日 02:33
最佳经验
本文由作者推荐

默认网关查询-荷花淀原文

2020年12月2日发(作者:丰子恺)


5.2网页制作——表单
教学方法:教学演示、任务驱动、自主练习
一、教学目标:
1、知识与技能
了解表单的概念
掌握表单网页的制作方法
2、过程与方法
体验表单网页的制作过程
体验用表单网页进行信息的采集过程
3、情感、态度、价值观
认识信息技术对人们日常生活、学习、工作的影响
激发学生对信息技术的求知欲,形成积极主动地学习和使用信息技术、参与信息
活动的态度
二、重点难点:
表单网页的概念
表单网页的制作方法
三、课程标准:
选修模块3:网络技术应用---网站设计与评价---内容标准--- 能够根据表达
任务的需求,使用常用的网页制作软件制作网页
四、教学媒体:(本教案需用到的各种教学媒体和资源)
1.

硬件:网络机房
2.

软件:多媒体广播教学软件,FrontPage2000
学生在学习本节内容之前,已经学 习过因特网的相关知识、会上网,并且已经掌
握常用网络工具软件的使用,如QQ、E-mail等等, 并且有着浓厚的兴趣。大部
分学生只停留在利用QQ聊天、进行网络游戏、收发E- mail等阶段,对申请QQ
号码和E-mail时的网页结构形式知之甚少。本节课的关键是通过学习 ,了解表
单网页的制作过程和方法,为以后信息获取和处理打下基础。
六、教材分析: 网络基础及应用是高中信息技术课程的重点,是培养学生信息素养的关键章节,
对于培养学生获取、 评价、利用和表达信息的能力,起着举足轻重的作用。而表
单网页在基于网络的信息收集处理方面有着明 显的优势。
七、教学过程:
教学
教师活动 学生活动 设计意图
阶段
问题1:同学们好,你们
创设有QQ号码吗?
利用学生熟知的事
情境

讨论思考 物激发学生的学习
课堂问题2:你们有E-mail
兴趣
引入 吗?

表单问题3:怎样申请一个免学生选派代表或举手让学生体验QQ和
网页费的QQ号码?谁能到前到教师机前面给其他E- mail的申请过程,
的形面来给大家演示一下? 同学演示 并了解表单网页的


式 问题4:如何申请一个免
费的E- mail呢,谁能到前
面再给大家演示一下?
问题5:在申请QQ和
E-mail时 ,我们要输入哪
些个人信息?(广播教学
--介绍表单网页的构成要
素:单行文本框、 下拉列
表框,提交按钮、重写按
钮等等)
1、表单的概念
表单是一种结构化的网
页,利用表单,你可以收
集来自世界各地的信息。
2、表单网页制作方法步
如何骤:
学生观察并练习,教师
制作依次单击“插入”“表单”,
巡回指导
表单弹出下级菜单

网页 问题6:表单由哪些组
件?
3、教 师演示如何插入单行
文本框,流动文本框、复
选框、单选按钮、下拉彩
单、按钮。
任务
驱动

呈现学习任务,要求学生学生分组操作,自主合
学生制作一个“留言板” 作练习
自主
练习
教学指导学生上传分组作品,
学生评价
评价 并向全班同学展示。
总结 本课知识回顾和小结
结构形式,对表单有
一个感性认识
通过演示模仿,达到
熟练操作
培养学生的合作意
识,让学生带着问题
进行自主学习,掌握
自主、合作学习的方
法。
让学生学会如何客
观地评价他人作品。
把学生作品作为个
人成长记录 的一部
分。

网页表单的制作案例教案
一、 一、

问题的提出
制作一张如下所示的用户登记表


二、 二、

问题:
1.上述用户登记表中有哪几种表单域?
2.表单的工作原理是什么?



三、 三、

表单的构成


表单域:是容纳输入信息的容器,是用户输入数据的地
方。



表单控制器:负责处理用户在表单中填写的信息。



“提交”和“重置”按钮:将信息提交到站点服务器、
清除表单中已填写的内容。


四、 四、

制作用户登记表


单行文本框:用于让用户输入一行文本信息,并能够被
Web服务器接受,用户登记表中的姓名 、年龄和E_mail均是单行文
本框。



滚动文本框:单行 文本框只能输入一行文本信息,如
果要输入多行文本信息,就要使用滚动文本框。


单选按钮:通常成组使用,用于让用户从一组互斥的
选项中选择一项,用户登记表中的性别是一 个由两个成员组成的单选
按钮组。注意:同一组中的单选按钮的组名称必须是相同的,值不相
同 。


下拉菜单:用于让用户从一个列表中选择一项或多项,
用户登记表 中的文化程度和职业均是下拉菜单。


复选框:如果希望用户从多个选项中选出 要的项目,


应该使用复选框,用户登记表中的您的爱好下面的表单域均是复选
框 ,各复选框相互独立。


按钮:一般在网页中创建表单时,FrontPage 会自动
加上两个按钮:“提交”按钮和“全部重写”按钮。“提交”按钮的作
用是把表单上的数 据提交给Web服务器的表单处理程序;“全部重写”
按钮的作用是把表单上的数据清空,让用户重新填 写。双击“全部重
写”按钮,把此按钮名改为“重置”。

五、 五、

表单处理
1.问题:当用户填写完表单,单击“提交”按钮后,表单被哪个程
序处理?怎样处理? 当用户提交表单后,单击“提交”按钮后,表单内容将被传递给
服务器端的表单处理程序,由该程序 对表单数据进行处理。虽然
FrontPage提供了默认的表单处理程序,但该程序通常只能完成最简
单的功能。为了完成用户特定的功能,还需要学习ASP等网络编程语
言。


将表单结果发送到文件:将表单结果发送到站点中的一个
文件,并向浏览者返回一 个确认网页是最常见的一种处理表单的方
法,也是FrontPage默认的表单处理方法。在默认情况 下表单结果将
保存在当前站点的_private文件中,根据需要,可以把该文件转化
为数据 库文件。
文件内容



将表单结果发送到E- mail信箱:要使表单结果能够发送
到指定的电子邮件地址,必须预先安装和设置FrontPage 服务器端
扩展程序。


将表单结果发送到数据库:将表单结果发送到指 定的数据
库中,这是目前较通常采用的表单处理方法,该数据库可以是已经存
在的,也可以是由 FrontPage新建的。


将表单结果发送到自定义的ISAPI、NSA PI、CGI、ASP:
如果要指定一个ISAPI、NSAPI、CGI或ASP类型的Web服务器 应用程
序作为表单处理程序,则可选择将结果保存到“发送到其他对象”。


将表单结果发送到讨论表单处理程序、注册表单处理程序


六、 六、

讨论题
1.表单确认网页的作用是什么?如何编写?

lol狂战士出装-梦见自己长白头发


亲嘴的图片-治水必躬亲


党的纪律的主要内容-最简单的科技小制作


食品安全法律法规-致运动员词


单组词-但愿人长久邓丽君


地震中的父与子课件-山东省教师培训


新生儿必备物品-给我的快乐


甜的组词-在线读英语