网页制作三合一实用教程 教学课件 作者 王爱赪 杜金 郭海 第二章.ppt

《网页制作三合一实用教程 教学课件 作者 王爱赪 杜金 郭海 第二章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第3章在网页中插入其他对象本章要点2.1“课程表”网页2.2“版画图像和Flash动画浏览”网页2.3“随身听世界”网页2.1“课程表”网页2.1.1制作简单的表格与调整表格大小图2-1-1“表格”对话框将光标移到需要插入表格的位置，单击“插入”（常用）栏内的“表格”按钮，弹出“表格”对话框，如图2-1-1所示。1．“表格”对话框内各选项的作用（1）“行数”和“列数”文本框：输入表格的行数和列数。（2）“表格宽度”文本框：输入表格宽度值，其单位为像素或百分数。如果选择“百分比”，则表示表格占页面或它的母体容量宽度的百分比。（3）“边框粗细”文本框：输入表格边框的宽度数值，其单位为像

2、素。（4）“单元格边距”文本框：输入的数表示单元格之间两个相邻边框线间的距离。（5）“单元格间距”文本框：输入单元格内的对象与单元格边框间的空白数，单位为像素。2.1“课程表”网页图2-1-1“表格”对话框2.1“课程表”网页图2-1-2制作的第1个表格（6）“页眉”栏：用来设置表格的页眉单元格。其中的字体将被设置成居中和黑体格式。（7）“辅助功能”栏：其中“标题”文本框，用来输入表格的标题；“对齐标题”下拉列表框，用来设置标题与表格的位置关系，默认为表格的顶部；“摘要”列表框，用来输入表格的摘要。通过上述设置后，单击“确定”按钮，即可插入符合要求的表格。按照图2-1-1所示进行设

3、置后制作的第1个表格如图2-1-2所示。2．调整表格大小（1）调整整个表格的大小。单击表格的边框，选中该表格，此时表格右边、下边和右下角会出现3个方形的黑色控制柄。再用鼠标拖曳控制柄，即可调整整个表格的大小。（2）调整表格中行或列的大小。将鼠标指针移到表格线处，当鼠标指针变为双箭头横线或双箭头竖线时，拖曳鼠标，即可调整表格线的位置，从而调整了表格行或列的大小。2.1“课程表”网页图2-1-2制作的第1个表格2.1“课程表”网页3．表格和单元格标签（1）表格标签。选中表格后，在表格的上边或下边会用绿色显示出表格的宽度，如图2-1-2所示。单击上边的黑三角按钮，弹出“表格”快捷菜单。利

4、用“表格”快捷菜单可以对表格进行选择表格、清除表格列的宽度、左侧插入列和右侧插入列等操作。（2）单元格标签。选中表格后，在表格标签的上面会显示出每一列单元格的标签，如图2-1-2所示。单击第2行的任意一个标签的黑三角按钮，弹出“单元格”快捷菜单，利用该菜单中的菜单命令，可以对表格的单元格进行选择、清除和插入操作。2.1.2表格属性的设置1．选择表格（1）选择整个表格。单击表格的外边框，可选中整个表格，此时表格右边、下边和右下角会出现三个方形黑色控制柄。2.1“课程表”网页（2）选择多个表格单元格。按住Ctrl键，同时依次单击所有要选择的表格单元格。（3）选择表格的一行或一列单元格。

5、将鼠标移到一行的最左边或移到一列的最上边，当鼠标指针呈黑色箭头时单击鼠标，即可选中一行或一列。（4）选择表格的多行或多列单元格。按住Ctrl键，将鼠标依次移到要选择的各行或各列，当鼠标指针呈黑色箭头时单击鼠标，即可选中多行或多列。还可以将鼠标移到要选择的多行或多列的起始处，当鼠标指针呈黑色箭头时，拖曳鼠标也可选择多行或多列单元格。2．整个表格属性的设置单击表格的外边框，选中整个表格，此时表格的“属性”栏如图2-1-3所示。2.1“课程表”网页图2-1-3表格的“属性”栏2.1“课程表”网页表格“属性”栏内各选项的作用如下。（1）“表格Id”下拉列表框：用来输入表格的名字。（2）“行

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

7、用来将表格宽度的单位改为百分比，按钮用来将表格高度的单位转换为像素，按钮用来将表格宽度的单位改为百分比。（10）“背景颜色”和“背景图像”文本框：用来设置表格的背景色和背景图像。（11）“边框颜色”按钮与文本框：用来设置表格的边框线颜色。3．表格单元格属性的设置选中几个单元格，此时“属性”栏变为表格单元格“属性”栏，如图2-1-4所示。2.1“课程表”网页图2-1-4表格单元格“属性”栏2.1“课程表”网页表格单元格“属性”栏中，上半部分用来设置单元格内文本的属性，它