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

第7课 制作表单网页


第7课 制作表单网页

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

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

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

表单在网页中的应用

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

表单在网页中的应用

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

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

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

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

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

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

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

性别 男 女 文化程度

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

表单项名 称

控件类型

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

性别

单选按钮

Xb Wh 默认 fk

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

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

梳理总结:
什么是表单

制作表单网页

表单的基本工作原理

插入表单

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

姓名

性别 父亲

学校 母亲

生日
爱好
想对父母说的话


相关文章:
人教版信息技术五下第12课《制作表单网页》word教案
课题:八年级第七课制作表单网页教案 学科:信息技术 年级:8 第 1 单元(章、课、节) 第 1 教案 第 7 节 第 10 周总 1 课时 总编号: 8 备课时间 课 ...
《网页制作表单的设计》教学设计
表单设计网页制作课程 15 电商 4、5 班 2 课时 一、 【教学目标】 学会...《第三章网页制作》教学... 7页 免费 网页制作中的表单技术 10页 免费 ...
公开课《表单网页》教案
月 7 日 周日第 6 节 1.知识与技能(1)了解表单的功能及表单域的使用方法...课前 准备 制作表单网页:留言 板、 校园通行证注册网 页;素材准备。 学生活动...
19制作一个简单表单
19制作一个简单表单_其它课程_高中教育_教育专区。...“提交”按钮)如下: 7.选中表格中第 2 行第 2...新建文件 a2.asp,页面中输入文字“这就是 a2.asp...
网页设计课程设计
7 参考文献 [1]金颖.新编网页制作三合一教程[M].北京:中国铁道出版社,2000 ...-function check_Null(){ if (document.form1.user_id.value==""){ alert...
《第五章 动态网页制作》题纲和试题
《第五章 动态网页制作》题纲和试题_其它课程_高中教育_教育专区。第五章 动态...“插入/组件” 答案:D 7、 通过表单,用户提供的数据可以提交到( )上处理。 ...
网页制作
课程名称 网页制作 中职 计算机 计算机 课程类型(中职...生毕业证书) 人,本科毕业生 12 人;双师型 7 人...(2)掌握表单表单对象的添加与属性设置。 (3)...
《网页设计与制作》课程大纲
网页设计制作课程大纲_工学_高等教育_教育...(七)教材与主要参考书 1.教材: 《ADOBE ...第 12 章 使用表单 1.教学基本要求(1)掌握表单的...
表单设计和操作
第八章 表单设计和操作 1、利用 JBQK.DBF 制作...行时,单击“查询”按钮,查询每门课程的最高分,...7、完成如下综合应用: 、 成如下综合应用: 根据...
网页开发与设计课后习题答案
​张​永​强​)​课​后​习​题...7.写出你了解的专业网页编辑制作工具___Dreamweaver...标记中,___ action ___属性的作用就是指出该表单...
更多相关标签: