html专题41.ppt

专题四 HTML表单和框架 案例一 制作留言本网页 上章回顾 什么是层？熟练的使用层，并掌握层的4种标记设置 网页中插入GIF动画、音频和视频文件 使用Java Applet插件 教学目标 能熟练掌握表单的操作方法，掌握表单的创建和属性设置。 能熟练的使用表单制作简单的交互式页面。 能掌握与表单相关的HTML语句。 工作任务 利用Deamweaver8.0使用表单制作留言本页面。 正确使用表单属性设置完成基本操作。 使用windows的IE浏览器预览留言本页面。 相关实践知识15-1 启动Dreamweaver 8.0，新建一个HTML页面，依次选择菜单【文件】?【保存】，以文件名“liuyanben.html”保存在E盘。 相关实践知识15-2 单击文件工具栏中的“拆分”模式，将工作区设置为拆分模式。并在标题框中输入“留言本”。在页面输入文字“留言本”，在文字属性框中设置字号为“24”，对齐方式为“居中对齐”。 相关实践知识15-3 创建一个表单，依次选择菜单【插入】?【表单】?【表单】，插入一个以红色虚线框显示的空白表单。单击表单的红色虚线，在属性面板上将显示出表单的属性。在代码区有表单标签。 相关实践知识15-4 确保光标在红色虚线内，然后插入一个10行2列的表格，设置表格的边框为0，调整表格格式。 相关实践知识15-5 单击插入工具栏，选择“表单”工具栏。出现表单对象面板。 相关实践知识15-6 在第1行第1列输入文字“姓名”。将光标定位在表格的第1行第2列，单击表单工具栏的文本字段按钮，插入一个文本域。在输入标签辅助功能属性窗口中，输入标签文字为“姓名”。 相关实践知识15-7 在第2行第1列输入文字“性别”。将光标定位在表格的第2行第2列，单击表单工具栏的单选按钮项，插入2个单选按钮。分别命名为“男”、“女”。选择第一个单选按钮，在属性面板中将其“初始状态”选为“已勾选”。 相关实践知识15-8 在第3行第1列输入文字“E-mial”。将光标定位在表格的第3行第2列，单击表单工具栏的文本字段按钮，插入一个文本域。 相关实践知识15-9 在第4行第1列输入文字“个人专长”。将光标定位在表格的第4行第2列，单击表单工具栏的复选框项，插入3个复选框。分别命名为“网页设计”、“网站风格”、“网站内容”。 相关实践知识15-10 在第5行第1列输入文字“你的留言属于”。将光标定位在表格的第5行第2列，单击表单工具栏的列表菜单项，插入一个列表/菜单。 相关实践知识15-11 选择列表／菜单项，单击列表／菜单属性检查器中的列表值，在列表值对话框中单击“+”按钮，添加项目标签分别为“建议”、“交流”。 相关实践知识15-12 添加上传文件框。在下一行第一个单无格中输入“您的留言属于”，选中第二个单无格，在相应的代码部分加入如下代码： 相关实践知识15-13 在第5行第1列输入文字“留言内容”。将光标定位在表格的第5行第2列，再插入一个文本域，设置类型为多行。设置行数和宽度。 相关实践知识15-14 将光标定位在表格的第6行第2列，单击表单工具栏的插入按钮选项，插入2个按钮。在属性检查器中的“动作”中分别设置为“提交表单”、“重置表单”。 相关实践知识15-15 在浏览器内预览效果。 总结 本章通过一个留言本页面的练习，掌握了表单的使用。 了解了表单和表单对象的相关知识。 掌握了表单对象相关属性的设置。 了解了HTML中表单的语法格式。 表单概述 -1 表单用来设计制作简单的交互式页面，收集用户的信息，然后提交给服务器，是网站管理者与浏览者之间沟通的桥梁。利用表单处理程序，可以收集、分析用户的反馈意见，作出科学、合理的决策，是一个网站成功的重要因素。 表单概述 -2 表单由三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉列表框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮。 表单标签-1 表单标签到为：form/form 功能：用于申明表单，定义采集数据的范围，也就是form/form里面包含的数据将被提交到服务器或者电子邮件中。 语法： 表单标签-2 action=url 指定一来处理提交表单的格式，它可以是一个URL地址(提交给程式)或一个电子邮件地址。 表单标签-3 enctype=cdata 指明用来把表单提交给服务器时(当method值为post)的互联网媒体形式，这个特性的缺省值是application/x-www-form-urlencoded。 表单标签-4 TARGET=... 指定提交的结果文档显示的位置，可以为以下值： _blank：在一个新