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

第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

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

梳理总结:
什么是表单

制作表单网页

表单的基本工作原理

插入表单

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

姓名

性别 父亲

学校 母亲

生日
爱好
想对父母说的话



相关文章:
《网页制作表单的设计》教学设计
表单设计网页制作课程 15 电商 4、5 班 2 课时 一、 【教学目标】 学会...《第三章网页制作》教学... 7页 免费 网页制作中的表单技术 10页 免费 ...
《网页制作》课程整体设计
天津市第一商业学校课程教学设计模板 《网页制作》 ...(5)掌握网页制作表单、CSS 样式、链接、插入媒体...2. 学习情境设计序号 1 2 3 4 5 6 7 8 9 ...
19制作一个简单表单
19制作一个简单表单_其它课程_高中教育_教育专区。...“提交”按钮)如下: 7.选中表格中第 2 行第 2...新建文件 a2.asp,页面中输入文字“这就是 a2.asp...
《第五章 动态网页制作》题纲和试题
《第五章 动态网页制作》题纲和试题_其它课程_高中教育_教育专区。第五章 动态...“插入/组件” 答案:D 7、 通过表单,用户提供的数据可以提交到( )上处理。 ...
实训练习09 表单和开发动态网站
实训练习 09 表单和开发动态网站 班级: 日期: 学号...7) 第 4 步插入的表格中第 2 列,背景为#99CC...请写填写《网页设计课程设计站点制作实训周记,并...
《网页设计与制作》课程大纲
网页设计制作课程大纲_工学_高等教育_教育...(七)教材与主要参考书 1.教材: 《ADOBE ...第 12 章 使用表单 1.教学基本要求(1)掌握表单的...
网页制作授课计划
学期授课计划 2011-2012 学年度第二学期课程名称: ...标签选择器功能 7、实训一 观察网页元素属性 8、...实训一 制作表单(公司网) 4、项目小结 技能点:...
第4章 Web表单与会话技术_教学设计
《PHP 网站开发实例教程》 教学设计 课程名称 PHP 网站开发实例教程 授课年级: ...(3) 、以$_POST 为例详细讲解如何接收以 POST 方式提交的表单数据。 (7) ...
网页设计课程设计
7 参考文献 [1]金颖.新编网页制作三合一教程[M].北京:中国铁道出版社,2000 ...-function check_Null(){ if (document.form1.user_id.value==""){ alert...
表单设计和操作
第八章 表单设计和操作 1、利用 JBQK.DBF 制作...行时,单击“查询”按钮,查询每门课程的最高分,...7、完成如下综合应用: 、 成如下综合应用: 根据...
更多相关标签: