表格及页面排版.ppt

Dreamweaver课件 第六讲 使用表格布局网页 主要内容 插入表格 表格操作 属性设置 表格装饰页面 表格排版 页面布局 插入表格 步骤: 1. 单击插入工具栏/常用/“插入表格”按钮 Ctrl+Alt+T 2.设置 (1)行/列 (2)单元格填充:单元格内容与边框的距离(默认1像素) (3)单元格间距:单元格之间的距离(默认2像素) (4)宽度:单位可以是百分比或像素 (5)边框:表格边框粗细(注意,设置为0时,虚线显示,预览 不可见,主要用于排版) 代码: 表格 : table.../table 行 : tr....../tr 单元格:td....../td 输入表格内容 手动添加表格内容 从其他文档导入表格式数据 手动添加表格内容 将表格插入到文档后即可向表格添加文本或图像等内容。向表格添加内容的方法很简单，只需将插入点定位到要输入内容的单元格中，再输入文本或插入图像即可。 从其他文档导入表格式数据 Dreamweaver 可以将创建在另一个应用程序（如写字板文件）中的数据导入到网页中并设置为表格的格式，而且各数据之间不可以制表符、逗号、冒号、分号或其他分隔符分隔开来。选择插入－表格对像－导入表格式数据 或选择文件－导入－表格式数据 改变表格和单元格的宽度与高度 使用属性面板可以非常方便地改变表格和单元格的宽度与高度，也可取消宽度与高度的设置。 通过拖动表格的边框也可轻易改变表格的宽度与高度。 表格操作 选取表格元素(p110) 1.选取整个表格 : 通过标签选择器 table 光标定位在单元格内,两次Ctrl+A 2.选取行/列 : 光标定位在行左边缘/列上边缘,单击.或通过标签选择器： tr 3.选取单元格 单个: 光标定位在单元格中,Ctrl+A或通过标签选择器 td 多个: 连续的: Shift+鼠标单击或直接用鼠标在单元格中拖动 不连续: Ctrl+鼠标单击 表格操作(P112) 插入行/列 插入一行:修改/表格/插入行或最后单元格按下Tab. 插入一列:修改/表格/插入列 插入多行(多列): 修改/表格/插入行或列 设置属性 删除行/列 选中行/列， 修改/表格/删除行（删除列） Delete键 单元格的拆分与合并 合并：选中连续单元格，修改/表格/合并单元格 属性检查器“合并单元格”按钮 拆分：光标定位在单元格中, 修改/表格/拆分单元格 属性检查器“拆分单元格”按钮 属性设置(P109) 表格属性 背景的设置、边框的设置 在代码中，亮边框，暗边框的设置。 亮边框：表格边框靠外一侧的颜色。代码：bordercolorlight=“颜色“ 暗边框：表格边框靠内一侧的颜色。代码：bordercolordark =“颜色“ 属性设置 单元格属性 背景的设置、对齐方式、单元格宽度 如果指定所有单元格宽度一致，可通过以下办法： 选中所有单元格，将其宽度设为相同大小，如1*10的表格，可将其所有单元格宽度设为 总宽度/10 px或10 %. 表格的高级操作主要包括对表格的整行内容进行移动、排序表格内容和导入/导出表格数据等。 表格的高级操作 1.移动表格整行内容 选中行并剪切 将光标置于要移动位置的下一行任意单元格中 粘贴 表格作为一种常见的数据处理形式，免不了要对其中的数据进行排序。 2．排序表格内容（P117-P119) 选中表格 选择“命令”“排序表格”菜单，打开“排序表格”对话框。 排序后的表格 在Dreamweaver中，可以将表格的内容导入或导出,在页面中添加表格时，如果预先有表格数据存储在记事本或Word等文档中，可以直接将数据导入。 3．导入或导出表格内容 导入的表格数据 源数据 选择“文件”“导入”“表格式数据”菜单，打开“导入表格式数据”对话框 表格数据的导出 因为语言原因，导出的文件只能用写字板打开才能正确显示其中的数据，在其他程序中打开会乱码。选中网页中的表格，执行“文件－导出－ 表格” 4. 制作嵌套表格 所谓嵌套表格，就是在一个大表格的某个单元格里插入一个新表格的情况。 表格装饰（常用） 细边框的设置 表格做细线（与水平线