第五章 表格与表单.ppt

第五章 表格与表单 应知目标 了解表格的使用方法及功能 了解表单的概念及功能 应会目标 会使用表格进行网页布局 会在网页中制作表单 5.1 使用表格 ★ 插入表格 ★ 添加内容到表格中 ★ 选择表格元素 5.2 布局表格 ★ 创建布局表格和布局单元格 5.3 使用表单 ★ 创建表单 ★ 设置表单属性 ★ 创建表单对象 * * 在网页制作中，对页面进行布局是非常重要的，表格就是页面布局中常用的方式。Dreamweaver 8不仅支持在表格中有序地排列数据，还可用表格对网页中的文本、图像及其他元素进行定位。 插入表格分为插入普通表格和插入嵌套表格两种。 普通表格即传统意义上的表格，通常用来显示信息。一般常用“表格”对话框插入表格，插入方法是：选择“插入|表格”命令，打开“表格”对话框，在该对话框中设置插入的表格属性。 插入普通表格 嵌套表格是指在表格的某个单元格中再插入一个表格，其宽度受所在单元格的宽度限制。在Dreamweaver 8.0中插入嵌套表格的方法与插入普通表格的方法相同。 说明：在对“表格宽度”进行设置时，需要对度量的单位进行设置，通常嵌套表格宽度使用“百分比”作为度量单位，而外层表格则使用“像素”作为度量单位。 插入嵌套表格 插入表格后就可以向表格中添加内容了。在表格中添加内容的方法很简单，只需将鼠标光标定位在需要添加对象的单元格中，然后输入文本或插入图像和各种媒体即可。 说明：在向表格中添加内容时，单元格会进行自动伸展以适应内容大小。 在对表格进行操作前，必须先选择好表格元素，才能进行相应的操作。选择表格元素包括选择整个表格、选择行或列和选择单元格3种。 2、按delete键删除行或列时，如果选择的不是整行或整列的单元格，那么选择“编辑|清除”命令或按delete键，只会删除单元格中的内容，而不会删除单元格。 ★ 插入或删除行或列 说明：1、插入单行时，新增加的行在定位鼠标光标所在单元格的上方；插入单列时，新增加的列在定位鼠标光标所在单元格的左侧。 ★ 拆分与合并单元格 1、合并单元格 合并单元格是指将两个或多个单元格组合成一个单元格，合并单元格的操作只能对相邻的多个单元格进行合并。其方法是：选择相邻的单元格区域，然后单击属性面板左下角的“合并”按钮即可。 2、拆分单元格 拆分单元格与合并单元格相反，它是将一个单元格拆分为多个单元格的操作，但它与合并单元格的方法类似，单击属性面板左下角的“拆分”按钮，在打开的“拆分单元格”对话框中设置拆分的数值即可。 ★ 设置表格属性 在Dreamweaver 8.0中可以为创建的表格设置宽度、边框、粗细、对齐、背景颜色或背景图像等。设置表格属性的方法是：选择需要设置属性的表格，在其属性面板中，根据需要在相应的选项中进行设置即可。 ★ 设置单元格属性 在Dreamweaver 8.0中不仅可以对表格的属性进行设置，而且还可以对某个单元格、行或列的属性进行设置。 说明：单元格属性面板由两部分组成，其中上半部分主要用于设置单元格内容的属性；下半部分主要用于设置单元格的属性。 ★ 表格的排序 表格是一种常见的处理数据的形式，它可以对表格中的数据进行简单的分析，例如表格排序等。 方法：选择“命令|排序表格”命令，打开“排序表格”对话框。 说明：在进行排序时，先按主排序列进行排序，当主排序列相同再按次排序列进行排序。 ★ 表格数据的导入和导出 通过导入和导出表格数据操作，可以节省更多的时间，从而提高工作效率。 1、导入表格数据 在页面中添加表格内容时，若预先存储有需要的数据信息，用户可以直接将数据导入。 2、导出表格数据 在网页中，有时需要将网页中的表格数据导出到其他应用程序并存储，此时可以进行表格数据的导出操作。 方法：选择“文件|导出|表格”命令，打开“导出表格”对话框。 ★ 表格模板 Dreamweaver 8 设置了多种表格设计风格，利用这些风格可以快速的设计表格，提高设计效率，使表格更加漂亮。 方法：选择“命令|格式化表格”命令，打开“格式化表格”对话框。 通过Dreamweaver 8.0中的“布局”模式可以快速地使用表格进行布局。 在进行布局之前，需要先将编辑窗口切换到“布局”模式，然后创建布局表格。在布局表格创建完成后，还需要在布局表格中创建布局单元格。 切换方法：选择“查看|表格模式|布局模式”命令，即可切换到“布局”模式。 创建方法