Dreamweave中表格和表单的应用第六章.pptx

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”

/textarea

;

cols属性：用来设定多行文本框一次能显示的列数。

rows属性：用来设定多行文本框一次能显示的行数。

;单选框和复选框

1、单选框：单选按钮作为一个组使用，提供彼此排斥的选项值。用户在单选按钮组内只能选择一个选项。

当type=“radio”时,表示该输入项是一个单选项,用户只能选择单选项中的一项作为输入信息。

checked属性，用来表示此项被默认选中。

value属性，用来设定选中项目后传送到服务器端的。

;2、复选框：复选框主要用来选择选项不唯一的一些信息。

当type=“