hxzdw第6章表格.ppt

hxzdw第6章表格.ppt

《hxzdw第6章表格.ppt》由会员分享，可在线阅读，更多相关《hxzdw第6章表格.ppt（41页珍藏版）》请在冰豆网上搜索。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下第第66课课在网页中应用表格在网页中应用表格网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下课堂讲解课堂讲解n插入表格插入表格n输入表格内容输入表格内容n表格嵌套表格嵌套n选择表格选择表格n合并及拆分单元格合并及拆分单元格n插入或删除行或列插入或删除行或列n设置表格、单元格属性和表格模板设置表格、单元格属性和表格模板n表格内容的移动和排序表格内容的移动和排序n表格数据的导出表格数据的导出网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下插入表格插入表格（01html（01html基础基础20）20）在网页制作中，在网页制作中，对页面进行布局是非对页面进行布局是非常重要的，表格就是常重要的，表格就是页面布局页面布局中常用的方中常用的方式。

式。

DreamweaverDreamweaver88不仅支持在表格中不仅支持在表格中有有序地排列数据序地排列数据，还可，还可用表格对网页中的文用表格对网页中的文本、图像及其他元素本、图像及其他元素进行进行定位定位。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下认识网页中的表格认识网页中的表格行：

表格中的水平间隔。

行：

表格中的水平间隔。

列：

表格中的垂直间隔。

列：

表格中的垂直间隔。

单元格：

表格中一行与一列相交所产生的区域，单元格中单元格：

表格中一行与一列相交所产生的区域，单元格中可以插入文字、图像、动画等网页元素。

可以插入文字、图像、动画等网页元素。

单元格行列网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下使用表格使用表格表格对于制作网页是很重要的，现在很多网表格对于制作网页是很重要的，现在很多网页都是使用多重表格。

主要是因为表格不但可以固定页都是使用多重表格。

主要是因为表格不但可以固定文本或图像的输出，而且还可以任意地设置背景和前文本或图像的输出，而且还可以任意地设置背景和前景颜色。

景颜色。

l认识认识表格标记表格标记、表示行、表示行、表示列。

表示列。

例例1-81-8（简单表格（简单表格例例88）l设置表格的整体属性设置表格的整体属性l设置表格的一行的属性设置表格的一行的属性l设置单元格的属性设置单元格的属性网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下编号编号姓名姓名成绩成绩/007007柳国杰柳国杰9595/中文中文DreamweaverDreamweaver88网页设计培训教程网页设计培训教程调音调音返回返回结束结束首页首页向上向上末页末页向下向下表格整体属性属性属性用途用途设置表格的背景色。

置表格的背景色。

设置置边框的框的宽度，默度，默认为0。

设置置边框的框的颜色。

色。

边框明亮部分的框明亮部分的颜色色（Border值大于等大于等于于1时有用有用）。

设置置边框昏暗部分的框昏暗部分的颜色色设置表格置表格单元格与元格与单元格之元格之间的空的空间大小。

大小。

单元格元格边框与内容之框与内容之间的空的空间设置表格的置表格的宽度，度，单位用位用绝对像素像素值或或总宽度的百分比。

度的百分比。

中文中文DreamweaverDreamweaver88网页设计培训教程网页设计培训教程调音调音返回返回结束结束首页首页向上向上末页末页向下向下表格一行属性（表格行格式例9.html）属性属性用途用途设置表格行的置表格行的对齐方式（水平），可方式（水平），可选值为：

left，center，Right。

设置表格行的置表格行的对齐方式（垂直），可方式（垂直），可选值为：

top，Middle，bottom。

设置表格行的底色。

置表格行的底色。

设置表格行的置表格行的边框框颜色。

色。

设置表格行的置表格行的边框向光部分的框向光部分的颜色。

色。

设置表格行的置表格行的边框背光部分的框背光部分的颜色。

色。

中文中文DreamweaverDreamweaver88网页设计培训教程网页设计培训教程调音调音返回返回结束结束首页首页向上向上末页末页向下向下第一行边界线为蓝色第一行边界线为蓝色第一行靠右对齐第一行靠右对齐第二行向光边框为绿色背光边第二行向光边框为绿色背光边框为红色框为红色第二行靠底对齐第二行靠底对齐中文中文DreamweaverDreamweaver88网页设计培训教程网页设计培训教程调音调音返回返回结束结束首页首页向上向上末页末页向下向下普通单元格属性属性属性用途用途设置置单元格的元格的宽度，像素及百分比表示。

度，像素及百分比表示。

设置置单元格的高度。

元格的高度。

设置置单元格的向右通元格的向右通栏的的栏数。

数。

设置置单元格的向下通元格的向下通栏的的栏数。

数。

水平水平对齐方式方式：

left，center，Right。

垂直垂直对齐方式，：

方式，：

top，Middle，bottom。

设置置单元格的底色。

元格的底色。

设置置单元格的元格的边框框颜色。

色。

设置置单元格的元格的边框向光部分的框向光部分的颜色。

色。

设置置单元格的元格的边框背光部分的框背光部分的颜色。

色。

设置置单元格的背景元格的背景图片，与片，与Bgcolor任用其一。

任用其一。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下n标题单元格标题单元格标记替代标记替代，在，在所标记的文字加上所标记的文字加上粗体能达到同样效果粗体能达到同样效果n表格总标题表格总标题标记，作用是为表格标示一个标题标记，作用是为表格标示一个标题列，如同在表格上方加一没有格线的通栏列。

列，如同在表格上方加一没有格线的通栏列。

属性来设置该表格标属性来设置该表格标题列相对于表格的对齐方式（水平），可选值题列相对于表格的对齐方式（水平），可选值为：

为：

leftleft、centercenter、RightRight、toptop、MiddleMiddle与与bottombottom。

nRulesRules和和framesframes属性属性：

外边框和内边框的设计：

外边框和内边框的设计n不换行属性的实现不换行属性的实现n表格不撑开效果实现表格不撑开效果实现网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下tablewidth=220height=80border=1=1页眉效果页眉效果width=84scope=row姓名姓名/!

-李维李维张红张红/scope=row性别性别/男男女女/scope=row职称职称/副教授副教授助教助教/网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下输入表格内容输入表格内容n手动添加表格内容手动添加表格内容n从其他文档导入表格式数据从其他文档导入表格式数据网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下手动添加表格内容手动添加表格内容将表格插入到文档后即可向表格添加文将表格插入到文档后即可向表格添加文本或图像等内容。

向表格添加内容的方法很本或图像等内容。

向表格添加内容的方法很简单，只需将插入点定位到要输入内容的单简单，只需将插入点定位到要输入内容的单元格中，再输入文本或插入图像即可。

元格中，再输入文本或插入图像即可。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下从其他文档导入表格式数据从其他文档导入表格式数据Dreamweaver8可以将创建在可以将创建在另一个应用程序（如写字板文件）另一个应用程序（如写字板文件）中的数据导入到网页中并设置为表中的数据导入到网页中并设置为表格的格式，而且各数据之间可以以格的格式，而且各数据之间可以以制表符、逗号、冒号、分号或其他制表符、逗号、冒号、分号或其他分隔符分隔开来。

分隔符分隔开来。

n选选择择文文件件导导入入表表格格式式数数据据菜单命令；菜单命令；n选选择择插插入入表表格格对对象象导导入入表表格格式数据式数据菜单命令。

菜单命令。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下表格嵌套表格嵌套嵌套表格是表格布局中一个十分重要的嵌套表格是表格布局中一个十分重要的环节环节，它是指在一个表格的单元格中再插入它是指在一个表格的单元格中再插入一个表格，嵌套表格的宽度受所在单元格的一个表格，嵌套表格的宽度受所在单元格的宽度限制，其编辑方法与表格相同。

宽度限制，其编辑方法与表格相同。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下选择表格选择表格n选择整个表格选择整个表格n选择整行或整列选择整行或整列n选择单元格选择单元格网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下选择整个表格选择整个表格网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下选择整行或整列选择整行或整列将鼠标光标移到要选择行或列的左侧或将鼠标光标移到要选择行或列的左侧或上方，当需要选择的行或列边框线呈红色时单击鼠上方，当需要选择的行或列边框线呈红色时单击鼠标即可。

标即可。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下选择单元格选择单元格单元格的选择分为选择单个单元格单元格的选择分为选择单个单元格和选择多个单元格区域。

和选择多个单元格区域。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下合并及拆分单元格合并及拆分单元格n合并单元格合并单元格n拆分单元格拆分单元格网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下合并单元格合并单元格合并单元格操作只能针对连续合并单元格操作只能针对连续的单元格使用。

的单元格使用。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下拆分单元格拆分单元格表格中每一行中的单元格列数可能不表格中每一行中的单元格列数可能不等，这时就可根据需要使用拆分命令把一等，这时就可根据需要使用拆分命令把一个单元格变为几个单元格。

个单元格变为几个单元格。

网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下插入或删除行或列插入或删除行或列n插入单行或单列插入单行或单列n插入多行或多列插入多行或多列n删除行或列删除行或列网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下插入单行或单列插入单行或单列绿色标志下面的小箭头可以添加列绿色标志下面的小箭头可以添加列网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下插入多行或多列插入多行或多列网页设计与制作教程网页设计与制作教程赵祖荫赵祖荫调音调音返回返回结束结束首页首页向上向上末页末页向下向下删除行或列删除行或列n将插入点定位到要删除行或列的任将插入点定位到要删除行或列的任意一个单元格中，然后选择意一个单元格中，然后