表格操作与网页布局.ppt

第三章 网页表格与布局 目录 ? ? 表格的基本操作 网页布局 表格的基本操作 插入表格 ? 在网页制作中，对页 面进行布局是非常重 要的，表格就是页面 布局中常用的方式。 Dreamweaver 不仅支 持在表格中有序地排 列数据，还可用表格 对网页中的文本、图 像及其他元素进行定 位。 输入表格内容 ? ? 手动添加表格内容 从其他文档导入表格式数据 手动添加表格内容 ? 将表格插入到文档后即可向表格添加文 本或图像等内容。向表格添加内容的方 法很简单，只需将插入点定位到要输入 内容的单元格中，再输入文本或插入图 像即可。 从其他文档导入表格式数据 ? Dreamweaver 8 可以将创建在另一个应用程序 （如写字板文件）中的数据导入到网页中并设 置为表格的格式，而且各数据之间不可以制表 符、逗号、冒号、分号或其他分隔符分隔开来。 表格嵌套 ? 嵌套表格是表格布局中一个十分重要的环节， 它是指在一个表格的单元格中再插入一个表格， 嵌套表格的宽度受所在单元格的宽度限制，其 编辑方法与表格相同。 选择表格 ? ? ? 选择整个表格 选择整行或整列 选择单元格 选择整个表格 选择整行或整列 ? 将鼠标光标移到要选择行或列的左侧或上方， 当需要选择的行或列边框线呈红色时单击鼠标 即可。 选择单元格 ? 单元格的选择分为选择单个单元格和选 择多个单元格区域。 合并及拆分单元格 ? ? 合并单元格 拆分单元格 合并单元格 ? 合并单元格操作只能针对连续的单元格 使用。 拆分单元格 ? 表格中每一行中的单元格列数可能不等， 这时就可根据需要使用拆分命令把一个 单元格变为几个单元格。 插入或删除行或列 ? ? ? 插入单行或单列 插入多行或多列 删除行或列 插入单行或单列 插入多行或多列 删除行或列 ? ? 将插入点定位到要删除行或列的任意一 个单元格中，然后选择 [ 修改 ] [ 表 格 ] [ 删除行 ] 菜单命令或选择 [ 修 改 ] [ 表格 ] [ 删除列 ] 菜单命令。 选择表格要删除的行或列，然后选择 [ 编 辑 ] [ 清除 ] 菜单命令或按【 Delete 】键。 设置表格、单元格属性 ? ? 设置表格属性 设置单元格属性 设置表格属性 ? “ 表格”属性面板中显示了插入表格的所 有特性，通过修改面板中的参数可快速 地编辑表格外观。 设置单元格属性 ? 在编辑网页时除可以设置整个表格的属 性外，还可以单独设置表格中某行、列 或单元格的属性。 表格内容的移动和排序 ? ? 表格整列内容的移动 表格的排序 表格整列内容的移动 表格的排序 ? 表格一般用来处理数据，在处理数据的 同时还需要对表格中的各项进行排序。 实验 ? 教材 P74 实验 3.5.1 创建月历表格 网页布局 网页布局 ? ? ? 网页模块 布局结构 表格的布局模式 网页模块 ? ? ? ? ? 标志（ logo ） 导航 内容 注脚 留白 布局结构 ? T 型布局