Dreamweaver网页设计案例教程 教学课件 作者 沈大林 等 第3章 创建表格和插入其他对象.ppt

《Dreamweaver网页设计案例教程 教学课件 作者 沈大林 等 第3章 创建表格和插入其他对象.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章创建表格和插入其他对象3.1【案例16】“信息学院课程表”网页3.2【案例17】“信息学院课程表”网页修改3.3【案例18】“中国名胜—避暑山庄”网页3.4【案例19】“九寨沟风景图像浏览”网页3.5【案例20】“多媒体播放器”网页3.6【案例21】“Flash动画播放器”网页3.7【案例22】“版画图像和Flash动画浏览”网页3.1【案例16】“信息学院课程表”网页1．“表格”对话框各选项的作用单击“插入”（常用）栏内的【表格】按钮，调出“表格”对话框，如图3-1-2所示。“表格”对话框内各选项的作用如下。（1）“行数”和“列数”文本框：输入表格的行数和列数。（2）“表格宽度

2、”文本框：输入表格宽度值，其单位为像素或百分数。如果选择“百分比”，则表示表格占页面或它的母体容量宽度的百分比。（3）“边框粗细”文本框：输入表格边框的宽度数值，其单位为像素。当它的值为0时，表示没有表格线。（4）“单元格边距”文本框：输入的数表示单元格之间两个相邻边框线（左与右、上和下边框线）间的距离。（5）“单元格间距”文本框：输入单元格内的内容与单元格边框间的空白数值，其单位为像素。这种空白存在于单元格内容的四周。（6）“页眉”栏：用来设置表格的页眉单元格。被设置为页眉的单元格，其中的字体将被设置成居中和黑体格式。（7）“辅助功能”栏：“辅助功能”栏中各选项的作用如下。“标题”文

3、本框：用来输入表格的标题。“对齐标题”下拉列表框：用来设置标题与表格的位置关系，默认为表格的顶部。“摘要”文本框：用来输入表格的摘要。通过上述设置后，单击【确定】按钮，即可插入符合要求的表格。2．表格和单元格标签（1）表格标签：选中表格后，在表格的上边或下边会用绿色显示出了表格的宽度，如图所示。单击上边的黑三角按钮，可以调出“表格”快捷菜单。利用“表格”快捷菜单可以对表格进行选择表格、清除表格列的宽度、左侧插入列和右侧插入列等操作。（2）单元格标签：选中表格后，在表格标签的上面会显示出每一列单元格的标签。单击第2行的任意一个标签的黑三角按钮，可以调出“单元格”快捷菜单，利用该菜单中的菜

4、单命令，可以对表格的单元格进行选择、清除和插入操作。3．选择和调整表格（1）选择表格：选择表格和表格中的单元格有以下几种方法。选择整个表格：单击表格的外边框，可选中整个表格，此时表格右边、下边和右下角会出现三个方形黑色控制柄。选择多个表格单元格：按住【Ctrl】键，同时依次单击所有要选择的表格单元格。选择表格的一行或一列单元格：将鼠标移到一行的最左边或移到一列的最上边，当鼠标指针呈黑色箭头时单击鼠标，即可选中一行或一列。选择表格的多行或多列单元格：按住【Ctrl】键，将鼠标依次移到要选择的各行或各列，当鼠标指针呈黑色箭头时单击鼠标，即可选中多行或多列。还可以将鼠标移到要选择的多行或多列

5、的起始处，当鼠标指针呈黑色箭头时，拖曳鼠标也可选择多行或多列单元格。（2）调整整个表格的大小：单击表格的边框，选中该表格，此时表格右边、下边和右下角会出现三个方形的黑色控制柄。再用鼠标拖曳控制柄，即可调整整个表格的大小。（3）调整表格中行或列的大小：将鼠标指针移到表格线处，当鼠标指针变为双箭头横线或双箭头竖线时，拖曳鼠标，即可调整表格线的位置，从而调整了表格行或列的大小。4．设置整个表格的属性单击表格的外边框，选中整个表格，此时表格的“属性”栏如图所示。表格“属性”栏内各选项的作用如下。（1）“表格Id”下拉列表框：用来输入表格的名字。（2）“行”和“列”文本框：用来输入表格的行数与列

6、数。（3）“宽”和“高”文本框：用来输入表格的宽度与高度数。它们的单位可利用其右边的下拉列表框来选择，其中的选项有“%”（百分数）和“像素”。（4）“填充”文本框：用来输入单元格内的内容与单元格边框间的空白数，单位为像素。（5）“间距”文本框：用来输入单元格之间两个相邻边框线间的距离。（6）“对齐”下拉列表框：用来设置表格的对齐方式。该下拉列表框内有“默认”、“左对齐”、“居中对齐”和“右对齐”4个选项。（7）“边框”文本框：用来输入表格边框宽度，单位为像素点。（8）“类”下拉列表框：用于设置表格的样式。（9）6个按钮：按钮用来清除行高，按钮用来清除列宽，按钮用来将表格宽度的单位转换为

7、像素，按钮用来将表格高度的单位改为百分比，按钮用来将表格高度的单位转换为像素，按钮用来将表格宽度的单位改为百分比。（10）“背景颜色”栏：用来设置表格的背景色。（11）“背景图像”栏：用来设置表格的背景图像。（12）“边框颜色”矩形按钮与文本框：用来设置表格的边框线颜色。5．设置表格单元格的属性选中几个单元格。此时“属性”栏变为表格单元格“属性”栏，如图所示。表格单元格“属性”栏中，上半部分用来设置单元格内文本的属性，它与文本“属性”栏的选项基