1、教学项目十五 HTML中表单网页设计(一),【教学内容】 讲解HTML中头部标志和简单表单制作 【教学目的】 使学生了解头部标志功能和掌握简单表单网页制作 【教学重点】HTML中表单元素标志与属性 【教学难点】HTML中表单元素标志与属性【教学方式】 案例分析式、项目教学 【教学参考】 1 杨浩著 清华大学出版社 2 电脑报社出版 3TML网页制作教程 材义语编著 铁道出版社 4HTML基础与实例 程耀编著 电子工业出版社,【新课】,一、HTML头部标志,在网页对应的HTML代码中，在头部标志 之间可以插入部分标志，包含当前文档的有关信息。,主要的标志：设定标题 设定外部的样式表文件 设定CS
2、S层叠样式表单 设定文档本身的信息,Meta标志的功能是定义页面中的信息，提供文档的关键字、作者、描述等多种信息，这此信息不会在浏览器页面中显示。在 中可以包括任意数量的标志。,标志的属性： http-equiv: 生成一个HTTP标题域； Content: 定义的相关描述项对应的取值； Name:相关描述项的名称,例1：在frontpage中查看网页的头部信息, 定义网页中显示的信息对应的字符集为简体中文;,定义网页默认的编辑工具为frontpage 软件.,分析:,例2.设定自动刷新,例3.设定自动跳转网页,二、表单网页的设计1表单标志格式：与 定义表单的开始与结束，常用的属性有： Name:表单的名称 action: 指定处理表单中提交数据的网页文件 method: 指定表单中数据的传输方式method=get 将表单数据附在URL后面，无保密性 Method=post 将表单数据包含在表单的主体中，与表单一起传 送到服务器端处理程序,2 单行文本框 格式：3.密码域 格式： ,5提交按钮与取消按钮 格式：,4.单选按钮 格式： ,例：设计如下表单：,我的个人网页客户调查表职业QQ号你对本站点提供的服务:, 不满意 比较满意 很满意,【课后小结】HTML中制作的表单是一种静态形式，要处理表单数据并返回表单处理信息，必须与站点服务器端程序配合使用。,
