第6章 Dreamweave中表格和表单的应用

第6章Dreamweaver中表格和表单的应用表格在网页设计中，页面布局是一个重要的部分。Dreamweaver8.0提供了多种方法来创建和控制网页布局，最普通的方法就是使用表格，使用表格可以简化页面布局设计过程、导入表格化数据、设计页面分栏及定位页面上的文本和图像等。插入表格在Dreamweaver8.0“文档”窗口的“设计”视图中，将插入点置于需要插入表格的位置。如果文档是空白的，则只能将插入点放置在文档的开头。执行下列操作之一打开“表格”对话框，如下图所示。选择[插入][表格]菜单命令；在“插入栏”的“常用”选项卡中单击“表格”按钮；按【Ctrl+Alt+T】键。图表格在“表格”对话框中可对各项参数进行设置。在表格中添加内容将表格插入到文档后即可向表格中添加文本或图像等内容。向表格中添加内容的方法很简单，只需将光标定位到要输入内容的单元格，再输入文本即可。选择表格表格的选取是编辑表格的前提，要在表格中进行任何操作都离不开选取表格。整个表格的选择整行或整列的选择单个单元格的选择一行或矩形单元格的选择单击一个单元格,然后按住shift键单击另一个单元格.这两个单元格定义的直线和矩形区域中的所有单元格都将被选择。在按住ctrl键的同时单击要选择的单元格、行或列，可选择不相邻的单元格。设置表格属性为了使表格更具特色，需要在“表格”属性面板中对表格线的颜色、表格或单元格的背景、边框等进行设置。“表格”属性面板中显示了所插入的表格的所有特性，通过修改面板中的参数可快速地编辑表格外观。如果窗口中没有显示属性面板，可选择[窗口][属性]菜单命令打开。如下图所示。图表格属性拆分与合并单元格修改---表格---合并拆分单元格插入或删除行或列修改---表格---删除行或列格式化表格命令---格式化表格如下图所示图格式化表格表单表单是用于实现浏览者与网页制作者之间信息交互的一种网页对象，在Internet中表单被广泛应用于各种信息的搜集与反馈。通常表单的工作过程如下:(1）访问者在浏览有表单的页面时，可填写必要的信息，然后单击“提交”按钮。(2）提交的信息通过Internet传送到服务器上。(3）服务器上有专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。(4）当数据完整无误后，服务器反馈一个输入完成信息。图“表单”面板输入标记input标签是表单中的输入标记，它是个单标签。inputname=“file_name”type=“type_name”/选中插入的单行文本域，设置文本域相关属性，如下图所示。1、单行文本框type=text，表示该输入项输入的是字符串，输入的内容以单行显示。type=text，input标签除了有name和type属性外,还有3个可选的属性:value、size、maxlength。value属性：用来设定文本框中的初始值size属性：用来设定文本框的长度maxlength属性：用来设定该文本框允许用户输入的最大字符数。2、密码框：当type=“password”时，其使用方法与text很相似。password所输入的字符全以号表示,以保证密码的安全性多行文本框textarea标签用来制作多行文本框，成对标签。语法：textareaname=“name”rows=“value”cols=“value”value=“value”/textareacols属性：用来设定多行文本框一次能显示的列数。rows属性：用来设定多行文本框一次能显示的行数。单选框和复选框1、单选框：单选按钮作为一个组使用，提供彼此排斥的选项值。用户在单选按钮组内只能选择一个选项。当type=“radio”时,表示该输入项是一个单选项,用户只能选择单选项中的一项作为输入信息。checked属性，用来表示此项被默认选中。value属性，用来设定选中项目后传送到服务器端的。2、复选框：复选框主要用来选择选项不唯一的一些信息。当type=“checkbox”时,表示该输入项是一个复选框，用户可以同时选中表单中的一个或多个复选项作为输入信息。checked属性，用来表示此项被默认选中value属性，用来设定选中项目后传送到服务器端的值。菜单和列表在表单中，通过select和option标签就可以在浏览器中出现一个下拉式的菜单或带有滚动条的列表菜单。语法：selectname=“name”size=“value”multiple=“multiple”optionvalue=“value”selected=“selected”选项值/optionoptionvalue=“value”选项值/option……/selectsize属性：用来设定显示的选项数目，默认值为1。multiple属性：用来设定列表中的项目多选。当select标签里面有size属性和multiple属性时，表示是列表；没有size属性和multiple属性，则表示下拉菜单。当然，在列表中，二者不一定同时使用。按钮1、普通按钮当type=“button”时，表示该输入项输入的是普通按钮。value属性：用来设定显示在按钮上的文字。2、提交按钮当type=“submit”时，表示该输入项输入的是提交按钮。单击提交按钮后，浏览器可以将表单的输入信息传递给服务器。3、重置按钮当type=“reset”时，表示该输入项输入的是重置按钮。单击重置按钮后，浏览器可以清除表单的输入信息而恢复到默认的表单内容设定。一般情况提交和重置按钮应该同时出现。文件输入框当type=“file”时，表示该输入项是一个文件输入框，用户可以在文件输入框的内部填写自己硬盘中的文件路径，然后通过表单上传。语法：inputtype=filename=“file_name”/跳转菜单在网页中,用户可利用跳转菜单行为和列表菜单来设计弹出式列表。每一个项目都指示一个超链接目标。当浏览者选择菜单的项目时，如同单击了网页中的超级链接一样，跳转到选项目所示的目标网页。应用范围：由于它的最大优点就是节省版面，所以，像制作友情链接，站点导航等页面对象时，使用跳转菜单是很好的选择。跳转菜单的制作方法：选择［插入］｜［表单对象］｜［跳转菜单］命令，打开跳转菜单对话框输入选项名称输入要连接站点的URL地址输入控件名称插入新的链接