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

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

1、第3章创建表格和插入其他对象3.1【案例12】“信息学院课程表”网页相关知识1．“表格”对话框中各选项的作用单击“插入”（常用）栏内的“表格”按钮，弹出“表格”对话框，如图3-1-2所示。“表格”对话框内各选项的作用如下：（1）“行数”和“列数”文本框：输入表格的行数和列数。（2）“表格宽度”文本框：输入表格宽度值，其单位为像素或百分数。如果选择“百分比”选项，则表示表格占页面或它的母体容量宽度的百分比。（3）“边框粗细”文本框：输入表格边框的宽度数值，其单位为像素。当值为0时，表示没有表格线。（4）“单元格边距”文本框：输入

2、的数表示单元格之间两个相邻边框线（左与右、上和下边框线）间的距离。（5）“单元格间距”文本框：输入单元格内的内容与单元格边框间的空白数值，其单位为像素。这种空白存在于单元格内容的四周。（6）“页眉”选项组：用来设置表格的页眉单元格。被设置为页眉的单元格，其中的字体将被设置成居中和lll黑体格式。（7）“辅助功能”选项组：“辅助功能”选项组中各选项的作用如下：“标题”文本框：用来输入表格的标题。“对齐标题”下拉列表框：用来设置标题与表格的位置关系，默认为表格的顶部。“摘要”文本框：用来输入表格的摘要。2．表格和单元格标签（1）表

3、格标签：选中表格后，在表格的上边或下边会用绿色显示出表格的宽度，如图3-1-6所示。单击上边的黑三角按钮，可弹出“表格”快捷菜单。利用“表格”快捷菜单可以对表格进行选择表格、清除表格列的宽度、左侧插入列和右侧插入列等操作。图3-1-6表格和单元格标签（2）单元格标签：选中表格后，在表格标签的上面会显示出每一列单元格的标签，如图3-1-6所示。单击第2行的任意一个标签的黑三角按钮，可以弹出“单元格”快捷菜单，利用该菜单中的命令，可以对表格的单元格进行选择、清除和插入操作。3．选择和调整表格（1）选择表格：选择表格和表格中的单元格

4、有以下几种方法。llll选择整个表格：单击表格的外边框，可选中整个表格，此时表格右边、下边和右下角会出现三个方形黑色控制柄。选择多个表格单元格：按住【Ctrl】键，同时依次单击所有要选择的表格单元格。选择表格的一行或一列单元格：将鼠标移到一行的最左边或移到一列的最上边，当鼠标指针呈黑色箭头时单击鼠标，即可选中一行或一列。选择表格的多行或多列单元格：按住【Ctrl】键，将鼠标依次移到要选择的各行或各列，当鼠标指针呈黑色箭头时单击鼠标，即可选中多行或多列。将鼠标移到要选择的多行或多列的起始处，当鼠标指针呈黑色箭头时，拖动鼠标也可选

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

6、”和“列”文本框：输入表格的行数与列数。（3）“宽”文本框：输入表格的宽度数。其单位可在其右边的下拉列表框来选择。（4）“填充”文本框：输入单元格内的内容与单元格边框间的空白数，单位为像素。（5）“间距”文本框：输入单元格之间两个相邻边框线间的距离。（6）“对齐”下拉列表框：设置表格的对齐方式。（7）“边框”文本框：输入表格边框宽度，单位为像素点。（8）“类”下拉列表框：设置表格的样式。（9）四个按钮：按钮用来清除行高，按钮用来清除列宽，按钮用来将表格宽度的单位转换为像素，按钮用来将表格高度的单位改为百分比。（10）“背景颜色

7、”按钮：用来设置表格的背景色。（11）“背景图像”选项组：用来设置表格的背景图像。（12）“边框颜色”矩形按钮与文本框：用来设置表格的边框线颜色。5．设置表格单元格的属性选中几个单元格，其“属性”栏如图3-1-8所示。图3-1-8表格单元格“属性”栏上半部分用来设置单元格内文本属性，下半部分用来设置单元格属性，各选项的作用如下：（1）“合并所选单元格”按钮：单击按钮，即可将选中的单元格合并。（2）“拆分单元格”按钮：单击选中一个单元格，再单击按钮，弹出“拆分单元格”对话框，如图3-1-9所示。选中“行”单选按钮，表示要拆分为几

8、行；单击选中“列”单选按钮，表示要拆分为几列。在“行数”或“列数”数值框内选择行或列的个数。（3）“水平”和“垂直”下拉列表框：用来选择水平对齐方式和垂直对齐方式。（4）“宽”和“高”文本框：设置单元格宽与高。（5）“不换行”复选框：选中该复选框，则当单元格内的文字超过单元格