中文DreamweaverMX案例教程教学课件作者杜金等第4章节表单 样式表与网页布局.pptVIP

第4章 表单、样式表与网页布局 主要内容 “图书登记表”网页 有边框的图像网页 有不同形式链接文字的网页 有阴影字的网页 有盒子效果的网页 创建和调用外部样式表 用HTML样式格式化的网页 用网页布局设计的网页 “图书登记表”网页 创建表单域与显示表单域 设置表单域属性和删除表单域 插入表单对象的方法 单选按钮组的属性设置 列表/菜单的属性设置 文件域的属性设置 图像域的属性设置 隐藏域的属性设置 “图书登记表”网页在浏览器中的显示效果 技术分析 表单（Forms）是用户利用浏览器对Web 站点网络数据库进行查询的一种网页界面，用户利用表单可以输入信息或选择选项等，然后将这些信息提交给服务器进行处理。这种查询方式叫做交互的或者叫做双向的。这些表单对象包括文本域、下拉列表框、复选框和单选项。 在这里需要声明的是，既然表单的操作是用户与服务器交互的操作，就要涉及服务器方面的操作，而服务器方面的操作是通过服务器的程序来实现的。要实现服务器的操作有多种方式，其中有CGI、ColdFusion 页、Java Server Page (JSP) 或 ASP 的方式。另外，许多数据库也提供了与HTML的接口，如Oracle的Web Server等。 接上 CGI是服务器和HTML文件之间的网关接口程序，它负责处理HTML文件与运行在服务器中的程序（HTML以外的程序）之间的数据交换。当用户通过表单输入它们的信息（这个信息可以是查询条件，也可以是传给服务器的某些内容）后，便激活了一个CGI程序，CGI程序可以调用操作系统下的其他程序（比如：数据库管理系统），完成查询任务。然后再将查询结果通过CGI传给用户的表单。没有CGI程序，用户便不可能进行交互查询。 表单对象是让用户输入信息的地方，表单域是放置表单对象的区域，只有表单域内的表单对象（除了跳转菜单表单对象外），才可以将它的信息传送出去，才可以接收外来的信息。 操作步骤 新建一个网页文档后，在网页文档的第一行创建一个一行一列的表格，表格背景色为浅绿色。单击表格内，使光标出现。再输入红色、华文彩云字体、标题1、居中分布的文字“图书登记表”。 将光标移到下一行，在“插入”面板中选择“表单”面板，单击面板内的“插入表单域”按钮 ，创建一个表单域，在“表单域”属性栏中将名字设定为“BOOKSET1”。单击表单域内部，使光标出现。再输入加粗的文字“图书名称：”文字，然后在该文字的右边单击“表单”面板中的“文本框”按钮 ，加入一个文本框表单对象。利用它的“属性”栏，设置该文本框表单对象的名字为“BOOKNAME”，在“字符宽度”文本框内输入的文本框宽度为30，在“最大字符数”文本框输入允许用户输入的字符个数为30。 插入第一个表单域后的显示效果及“文本域”属性栏 接上 在第三行再创建一个表单域，名字为“BOOKSET2”。单击表单域内部，使光标出现。再输入加粗的文字“图书编号：”文字，然后在该文字的右边加入一个文本框表单对象。利用它的“属性”栏，设置该文本框表单对象的名字为“NUMBER”，在“字符宽度”文本框内输入的文本框宽度为20，在“最大字符数”文本框输入允许用户输入的字符个数为20。 在下一行创建一个表单域，输入加粗的文字“性质：”，然后在该文字的右边单击“表单”面板中的“单选按钮” ，加入一个单选项表单对象。在“单选按钮”属性栏内，设置该单选项表单对象的名字为“OUT”；在“选定值”文本框内输入单选项选中时的数值1；在“初始状态”栏内选中“已勾选”单选项。然后在该单选项的右边输入加粗的文字“借出”。使用相同的方法插入一个单选项表单对象和“还入”字。该单选项表单对象的名字为“IN”；“选定值”文本框内输入单选项选中时的数值0；在“初始状态”栏内选中“未选中”单选项。 接上 按回车键，创建一个表单域，在表单域内输入加粗的文字“借数人姓名：”文字，然后在该文字的右边加入一个文本框表单对象。利用它的“属性”栏，设置该文本框表单对象的名字为“NAME”，在“字符宽度”文本框内输入的文本框宽度为20，在“最大字符数”文本框输入允许用户输入的字符个数为20。 接上 按回车键后，创建表单域，在表单域内输入加粗的文字“图书类型：”文字，然后在该文字的右边单击“表单”面板中的“复选按钮” ，加入一个复选框表单对象。 利用它的“属性”栏，设置它的名字为“LX1”，在“选定值”文本框内输入复选框选中时的数值1，其他使用默认项，再输入文字“体育”。其后的三个复选框表单对象的插入方法与LX1一样，只是文字说明和复选框表单对象的名字不一样。 接上 按回车键后，创建表单域，在表单域内输入加粗的文字“借阅时间：”文字，然后在该文字的右边单击“表单”面板中的“列表/菜单