当前位置:首页 >> 初中教育 >>

第7课 制作表单网页


第7课 制作表单网页

知识目标:
1、了解表单的交互作用。

技能目标:
1、学会在网页中插入表单;
2、正确设置表单信息的收集方式。

情感、态度与价值观目标
能正确对待自己的缺点和别人的优点,善于取人之长,补己 之短

表单在网页中的应用
<

br />在申请qq号码 时,需提交的 个人信息

表单在网页中的应用

在申请电子邮 箱时,需提交 的个人信息, 等等。

自主学习:
1、什么是表单?

表单(Form):是一种结构化文件,用于收集和发布信息.它是网站管理 员与访问者进行交流的一种媒介。
2、表单的基本工作原理 (1)浏览者在表单中填写或选择信息。

(2)单击“提交”按钮,填写或选择的信息按照指定的方式通过网 络传递到服务器端。
(3)由服务器的特定程序进行处理。

探究新知:
任务1、新建一网页,在当前网页中插入一个2行×1列的 表格,宽度为100%,边框粗细为0。在第一个单元格中输 入提示文字“请留下您的联系方式和宝贵意见”;在第二 个单元格插入表单。

任务2、在表单中插入一个4行×4列的表格,如下:

姓名 年龄 兴趣爱好
对本站的看 法

性别 男 女 文化程度

分组探究:
对照“输入表单中的文字提示”,依次插入其他控件,并参照下表的要求, 分别对它们进行相关设置

表单项名 称

控件类型

标示名称 初始值/验证有效 性

性别

单选按钮

Xb Wh 默认 fk

男 小学、初中、高 中、专科、本科 未选中 宽度为60,行数 为5

文化程度 下拉菜单 兴趣爱好 复选框 反馈意见 滚动文本 框

梳理总结:
什么是表单

制作表单网页

表单的基本工作原理

插入表单

拓展延伸:
根据下表设计的内容,设计“父母在我心中”问卷调 查的表单网页,将网页文件上传到网站空间,并修改相应 的链接.

姓名

性别 父亲

学校 母亲

生日
爱好
想对父母说的话


相关文章:
第7课 制作表单网页
如何制作表单网页如何制作表单网页隐藏>> 第7课教学目标 教学目标: 目标 制作表单网页 1、知识目标:了解表单网页的作用,了解表单网页制作与提交。 2、技能目标:学会...
《制作表单网页》教学设计
制作表单网页》教学设计_教学案例/设计_教学研究_教育专区。《制作表单网页》教学...第7课 制作表单网页 9页 免费 第七课制作表单网页教案 2页 1下载券 表单网...
表单网页制作步骤
表单网页制作步骤_互联网_IT/计算机_专业资料。试验 5 试验目的 表单网页 为了让学生掌握如何创建表单网页; 了解各个表单对象属性的设置; 熟练掌握各个表单 对象不...
制作包含表单的网页
4 网页设计与制作 图 7-3 站点“旅游调查”文件面板 7.2.2 创建网页文档 ...才会将它们采集到的信息随表单一起提交给服务器,所以,制作表单页面的第一 项...
实验6 表单网页的制作
实验6 表单网页的制作_计算机硬件及网络_IT/计算机_专业资料。实验 6 制作表单页面及行为应用 一、实验目的 1.掌握表单网页的制作。 2.掌握在网页中添加行为。 ...
八年级上册信息技术1.7制作表单网页
八年级上册信息技术第一单元,教案八年级上册信息技术第一单元,教案隐藏>> 八年级下册信息技术第 7 课 制作表单网页 教材分析: 一般的如果网站设计者想要知道网站访...
html网页表单制作
html网页表单制作_IT/计算机_专业资料。html表单制作精讲,及实例解析。1...size=7 color="#00ff00"> 用户登记 亲爱的用户,欢迎您访问我们的网站,...
《制作表单网页》教学设计简案
请大家 根据教材提示插入一个表单,出现教材图 1-7-3 的效果。 材提示插入...请根据第六课中所学知识,把你制 作网页上传到自己的风韵空间中。 第三阶段...
实验七 制作表单
实验七 制作表单 【实验目的】 1.熟练掌握网页中表单的制作方法。 2.熟练掌握...6 图 7-15 插入单选按钮组 (4)选中该行第一个单选按钮,在属性面板中将“...
更多相关标签:
网页表单制作 | 制作表单网页教学设计 | 网页表单制作html | 网页制作表单代码 | 网页表单制作工具 | 课工场网页制作培训 | 网页制作精品课程 | 网页制作课程介绍 |