DW_07使用表格.ppt

或者单击某个合并后的单元格，“修改”—“表格”—“减少行宽”，则在其下方拆分出一行。 单击某单元格，“修改”—“表格”—“减少列宽”，则在其右侧拆分出一列。 * 教育学院 * 七、表格嵌套 在一个表格中嵌套另一个表格，在网页设计中是非常普遍的操作，从而保证各自属性的设置不受干扰。 方法：单击现有表格中的一个单元格， 选择“插入”菜单中的“表格” ,设置相关属性。 练习：设计一个二分栏的页面布局。 * 教育学院 * 第七节 操作数据表格 一、导入表格数据 可以将在Excel表格或者文本文件中的表格式数据导入到Dreamweaver中。 前提：导入到网页中的表格，须以CSV格式或文本格式以特定的分隔符分隔才可以实现导入。 如将EXCEL中的电子表格另存为CSV格式（一个工作表存为一个CSV文件）。 * 教育学院 * 方法：单击欲插入处，选择“文件”—“导入”—“表格式数据”或选择“插入”—“表格对象”—“导入表格式数据”菜单命令。 也可以导入Excel的原始数据，有时兼容性不好 ，出错。 * 教育学院 * 二、导出表格数据 方法：将插入点置于欲导出的表格中，选择“文件”—“导出”—“表格”。 再选择定界符和换行符的类型。 导出的表格格式为：CSV格式。 * 教育学院 * 三、排序表格数据 可以根据单个列的内容对表格中的行进行排序。 方法：选择表格（或单击任意单元格），执行“命令”—“排序表格”。 注意：不能对包含合并单元格的表格进行排序。 * 教育学院 * * 教育学院 * 第八节 表格特殊属性 可以利用table表格标签的特殊属性设置隐藏或者显示单元格的分隔线、表格边框的功能。 一、隐藏和显示单元格分隔线 方法：设置table表格标签的rules属性: Rows：隐藏单元格的横向分隔线； Cols：隐藏单元格的竖向分隔线； none：隐藏单元格的横、竖向分隔线； 在代码中设置表格“bordercolor”为red，再设置某种隐藏，完成后在预览中观看效果。 * 教育学院 * rule[英][ru:l] [美][rul] n.规则，规定；统治，支配；章程；尺子 二、隐藏和显示表格边框 方法：设置table表格标签的frame属性: vsides：显示表格的左右边框； hsides：显示表格的上下边框； above：显示表格的上边框； below：显示表格的下边框； rhs：显示表格的右边框； lhs：显示表格的左边框； void：不显示表格的边框； * 教育学院 * 实践：用无边框表格实现二分栏布局，边距均为0，居中，另外，表格布局宽度为980。 * 教育学院 * 实践：国字型网页布局设计 * 教育学院 * 实践： * 教育学院 * * * * 表格宽度菜单：单击表格中的任意位置，在表格的上方或者下方显示宽度和宽度分布。 单击其中的小三角可以对其进行相应的设置。 也可以在“查看”中“可视化助理”的“表格宽度”中设置显示或者隐藏，默认显示。 * 教育学院 * 实践：实现如下的操作。 * 教育学院 * 在网页中插入表格后，可以向单元格中直接输入文本或插入其它的对象，如图像、动画等，还可以向表格中插入嵌套表格。 另外,表格内容的排版等。 当然，用户也可以从外部导入其它软件编辑的表格，如Excel电子表格等。 * 教育学院 * 2、表格的html标签 table width=300 border=1 tr tda1/td tdb1/td /tr tr tda2/td tdb2/td /tr /table * 教育学院 * table /table 表格标记 tr /tr 行标记 td /td 单元格标记 * 教育学院 * 第三节 选择表格 一、选择表格 鼠标指针指向表格左上角，当鼠标指针右下角出现表格图形时，单击。 将光标指向表格边框，单击鼠标，可以选择整个表格。 “修改”—“表格”—“选定表格”； 右击，选“表格”—“选定表格” 表格内任意单击，在“标签选择器”中单击table 其它方法不常用略。 * 教育学院 * 二、选择表格的行或列 鼠标指针指向行左边缘或者列的顶边，出现实心箭头时单击，或者单击并拖动可选择多行或者多列。 从某处按下左键，拖动出一个多行多列的矩形区域。 插入点置于某单元格中时，在“标签选择器” 单击tr，则选中插入点所在的行。 单击表格宽度菜单中的小三角，选“选择列” * 教育学院 * 三、选择单元格 1、选择单个单元格 Ctrl+单击 在单元格中单击，按下Ctrl+A 2、选择相邻的单元格 单击首，Shift+单击尾 3、选择不相邻的单元格 Ctrl+逐个单击 * 教育学院 * *