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

设置表格属性 为了使表格更具特色，需要在“表格”属性面板中对表格线的颜色、表格或单元格的背景、边框等进行设置。“表格”属性面板中显示了所插入的表格的所有特性，通过修改面板中的参数可快速地编辑表格外观。如果窗口中没有显示属性面板，可选择[窗口]?[属性]菜单命令打开。如下图所示。 表单 表单是用于实现浏览者与网页制作者之间信息 交互的一种网页对象，在 Internet 中表单被广泛 应用于各种信息的搜集与反馈。 通常表单的工作过程如下: (1）访问者在浏览有表单的页面时，可填写必 要的信息，然后单击“提交”按钮。 (2）提交的信息通过Internet传送到服务器上。 (3）服务器上有专门的程序对这些数据进行处 理，如果有错误会返回错误信息，并要求纠正错误。 (4）当数据完整无误后，服务器反馈一个输入 完成信息。 * * 第6章 Dreamweaver中 表格和表单的应用 表格 在网页设计中，页面布局是一个重要的部分。 Dreamweaver 8.0提供了多种方法来创建和控制网页布局，最普通的方法就是使用表格，使用表格可以简化页面布局设计过程、导入表格化数据、设计页面分栏及定位页面上的文本和图像等。 插入表格 在Dreamweaver 8.0“文档”窗口的“设计”视图中，将插入点置于需要插入表格的位置。如果文档是空白的，则只能将插入点放置在文档的开头。 执行下列操作之一打开“表格”对话框，如下图所示。 选择[插入]?[表格]菜单命令； 在“插入栏”的“常用”选项卡中单击“表格”按钮； 按【Ctrl+Alt+T】键。 图 表格 在“表格”对话框中可对各项参数进行设置。 在表格中添加内容 将表格插入到文档后即可向表格中添加文本或图像等内容。向表格中添加内容的方法很简单，只需将光标定位到要输入内容的单元格，再输入文本即可。 选择表格 表格的选取是编辑表格的前提，要在表格中进行任何操作都离不开选取表格。 整个表格的选择 整行或整列的选择 单个单元格的选择 一行或矩形单元格的选择 单击一个单元格,然后按住shift键单击另一个单元格.这两个单元格定义的直线和矩形区域中的所有单元格都将被选择。 在按住ctrl键的同时单击要选择的单元格、行或列，可选择不相邻的单元格。 图 表格属性 拆分与合并单元格 修改---表格---合并拆分单元格 插入或删除行或列 修改---表格---删除行或列 格式化表格 命令---格式化表格 如下图所示 图 格式化表格 图 “表单”面板 输入标记 input标签是表单中的输入标记，它是个单标签。 input name=“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标签用来制作多行文本框，成对标签。 语法： textarea name=“name” rows=“value” cols=“value” value=“value” /textarea cols属性：用来设定多行文本框一次能显示的列数。 rows属性：用来设定多行文本框一次能显示的行数。 单选框和复选框 1、单选框：单选按钮作为一个组使用，提供彼此排斥的选项值。用户在单选按钮组内只能选择一个选项。 当type=“radio”时,表示该输入项是一个单选项,用户只能选择单选项中的一项作为输入信息。 checked属性，用来表示此项被默认选中。 value属性，用来设定选中项目