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

第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课 制作表单网页 9页 免费 第七课制作表单网页教案 2页 1下载券 表单网...
制作包含表单的网页
4 网页设计与制作 图 7-3 站点“旅游调查”文件面板 7.2.2 创建网页文档 ...才会将它们采集到的信息随表单一起提交给服务器,所以,制作表单页面的第一 项...
第七章网页表单的设计
《HTML 网页设计》教案 章节课题 列 1 号共 4 页 第七网页表单的设计 2015 年 4 月 2 日 第四周 授课时数 2 学时 授课日期 教学目的 1.了解网页中...
制作交互功能的网页—表单网页的制作
制作交互功能的网页—表单网页的制作_其它课程_初中教育_教育专区。本节课是苏...第7课 制作表单网页 9页 免费 表单网页的制作 9页 免费 喜欢此文档的还喜欢...
表单网页的制作方法
表单网页制作方法_互联网_IT/计算机_专业资料。表单...7、如果要做留言板需要给访客提供能输入大量文字的...注意可以结合我们上节课讲过的表格为表单网页排版...
八年级上册信息技术1.7制作表单网页
八年级上册信息技术第一单元,教案八年级上册信息技术第一单元,教案隐藏>> 八年级下册信息技术第 7 课 制作表单网页 教材分析: 一般的如果网站设计者想要知道网站访...
表单网页的制作方法
第一种是手工添加,第二种是利用表单向导,这里我们...7,如果要做留言板需要给访客提供能输入大量文字的...第七课 制作表单网页(教... 6页 免费©...
HTML5 form(网页表单制作)(姬岚洋)
HTML5 form(网页表单制作)(姬岚洋)_互联网_IT/计算机_专业资料。本文致力于制作一个简单的网页表单制作方法,向大家展现最简单的表单入门制作方法。...
html网页表单制作
html网页表单制作_IT/计算机_专业资料。html表单制作精讲,及实例解析。1...size=7 color="#00ff00"> 用户登记 亲爱的用户,欢迎您访问我们的网站,...
更多相关标签:
网页表单制作 | 制作表单网页教学设计 | 网页制作表单代码 | 网页表单制作工具 | 网页表单制作html | 课工场网页制作培训 | 网页设计与制作课程 | 网页制作精品课程 |