第3章 创建表格和插入其他对象

第3章创建表格和插入其他对象3.1【案例12】“信息学院课程表”网页相关知识1．“表格”对话框中各选项的作用单击“插入”（常用）栏内的“表格”按钮，弹出“表格”对话框，如图3-1-2所示。“表格”对话框内各选项的作用如下：（1）“行数”和“列数”文本框：输入表格的行数和列数。（2）“表格宽度”文本框：输入表格宽度值，其单位为像素或百分数。如果选择“百分比”选项，则表示表格占页面或它的母体容量宽度的百分比。（3）“边框粗细”文本框：输入表格边框的宽度数值，其单位为像素。当值为0时，表示没有表格线。（4）“单元格边距”文本框：输入的数表示单元格之间两个相邻边框线（左与右、上和下边框线）间的距离。（5）“单元格间距”文本框：输入单元格内的内容与单元格边框间的空白数值，其单位为像素。这种空白存在于单元格内容的四周。（6）“页眉”选项组：用来设置表格的页眉单元格。被设置为页眉的单元格，其中的字体将被设置成居中和lll黑体格式。（7）“辅助功能”选项组：“辅助功能”选项组中各选项的作用如下：“标题”文本框：用来输入表格的标题。“对齐标题”下拉列表框：用来设置标题与表格的位置关系，默认为表格的顶部。“摘要”文本框：用来输入表格的摘要。2．表格和单元格标签（1）表格标签：选中表格后，在表格的上边或下边会用绿色显示出表格的宽度，如图3-1-6所示。单击上边的黑三角按钮，可弹出“表格”快捷菜单。利用“表格”快捷菜单可以对表格进行选择表格、清除表格列的宽度、左侧插入列和右侧插入列等操作。图3-1-6表格和单元格标签（2）单元格标签：选中表格后，在表格标签的上面会显示出每一列单元格的标签，如图3-1-6所示。单击第2行的任意一个标签的黑三角按钮，可以弹出“单元格”快捷菜单，利用该菜单中的命令，可以对表格的单元格进行选择、清除和插入操作。3．选择和调整表格（1）选择表格：选择表格和表格中的单元格有以下几种方法。llll选择整个表格：单击表格的外边框，可选中整个表格，此时表格右边、下边和右下角会出现三个方形黑色控制柄。选择多个表格单元格：按住【Ctrl】键，同时依次单击所有要选择的表格单元格。选择表格的一行或一列单元格：将鼠标移到一行的最左边或移到一列的最上边，当鼠标指针呈黑色箭头时单击鼠标，即可选中一行或一列。选择表格的多行或多列单元格：按住【Ctrl】键，将鼠标依次移到要选择的各行或各列，当鼠标指针呈黑色箭头时单击鼠标，即可选中多行或多列。将鼠标移到要选择的多行或多列的起始处，当鼠标指针呈黑色箭头时，拖动鼠标也可选择多行或多列单元格。（2）调整整个表格的大小：单击表格的边框，选中该表格，此时表格右边、下边和右下角会出现三个方形的黑色控制柄。再用鼠标拖动控制柄，即可调整整个表格的大小。（3）调整表格中行或列的大小：将鼠标指针移到表格线处，当鼠标指针变为双箭头横线或双箭头竖线时拖动，即可调整表格线的位置，从而调整了表格行或列的大小。4．设置整个表格的属性单击表格的外边框，选中整个表格，此时表格的“属性”栏如图3-1-7所示。图3-1-7表格的“属性”栏表格“属性”栏内各选项的作用如下：（1）“表格Id”下拉列表框：输入表格的名字。（2）“行”和“列”文本框：输入表格的行数与列数。（3）“宽”文本框：输入表格的宽度数。其单位可在其右边的下拉列表框来选择。（4）“填充”文本框：输入单元格内的内容与单元格边框间的空白数，单位为像素。（5）“间距”文本框：输入单元格之间两个相邻边框线间的距离。（6）“对齐”下拉列表框：设置表格的对齐方式。（7）“边框”文本框：输入表格边框宽度，单位为像素点。（8）“类”下拉列表框：设置表格的样式。（9）四个按钮：按钮用来清除行高，按钮用来清除列宽，按钮用来将表格宽度的单位转换为像素，按钮用来将表格高度的单位改为百分比。（10）“背景颜色”按钮：用来设置表格的背景色。（11）“背景图像”选项组：用来设置表格的背景图像。（12）“边框颜色”矩形按钮与文本框：用来设置表格的边框线颜色。5．设置表格单元格的属性选中几个单元格，其“属性”栏如图3-1-8所示。图3-1-8表格单元格“属性”栏上半部分用来设置单元格内文本属性，下半部分用来设置单元格属性，各选项的作用如下：（1）“合并所选单元格”按钮：单击按钮，即可将选中的单元格合并。（2）“拆分单元格”按钮：单击选中一个单元格，再单击按钮，弹出“拆分单元格”对话框，如图3-1-9所示。选中“行”单选按钮，表示要拆分为几行；单击选中“列”单选按钮，表示要拆分为几列。在“行数”或“列数”数值框内选择行或列的个数。（3）“水平”和“垂直”下拉列表框：用来选择水平对齐方式和垂直对齐方式。（4）“宽”和“高”文本框：设置单元格宽与高。（5）“不换行”复选框：选中该复选框，则当单元格内的文字超过单元格的宽度时，不换行，自动将单元格的宽度加大到刚刚可以放下文字；没选中该复选框，则当文字超过单元格的宽度时，自动换行。（6）“标题”复选框：如果选中该复选框，则单元格中的文字以标题的格式显示（粗体、居中）；如果没选中该复选框，则单元格中的文字不以标题的格式显示。（7）“背景”按钮与文本框：单击上边的“背景”文件夹图标，可以弹出“选择图像源”对话框，利用它可以给表格单元格加背景图像。下边的“背景颜色”按钮与文本框用来设置表格单元格的背景色。当该文本框为空时，其设置与表格的“背景”设置一样。（8）“边框”按钮与文本框：用来设置表格单元格的双线条边框线的颜色，双线条的颜色一样。当该文本框部输入任何内容时，其设置与表格的“边框”颜色一样。图3-1-9“拆分单元格”对话框6．表格基本操作（1）插入一行或一列：选中行（或列）并右击，弹出快捷菜单，单击该菜单中的“表格”→“插入行”或“表格”→“插入列”命令，即可在选中行的上边插入一行表格，或者在选中列的左边插入一列表格。（2）插入多行或多列：选中行（或列）并右击，弹出快捷菜单，单击该菜单中的“表格”→“插入行或列”命令，弹出“插入行或列”对话框，如图3-1-10所示。（3）利用表格的快捷菜单删除表格中的行与列：选中要删除的行（或列）并右击，弹出快捷菜单，单击“表格”→“删除行”或“表格”→“删除列”命令，即可删除选定的行或列。（4）利用清除命令删除表格中的行与列：选中要删除的行或列，再单击“编辑”→“清除”命令。（5）复制和移动表格的单元格：选中要复制或移动的表格的单元格，单击“编辑”→“复制”命令或单击“编辑”→“剪切”命令。然后将光标移到要复制或移动处，单击“编辑”→“粘贴”命令。图3-1-10“插入行或列”对话框3.2【案例13】“中国名胜—避暑山庄”网页相关知识1．在表格中插入对象（1）在表格中插入表格：单击要插入表格的一个单元格。再按照上述创建表格的方法建立一个新的4行4列表格，如图3-2-4所示。（2）在表格中插入图像或文字：单击要插入对象的单元格，按照以前所述方法在单元格内输入文字或粘贴文字。也可以在单元格内插入图像或动画，如图3-2-5所示。图3-2-4在表格单元格内插入表格图3-2-5在表格单元格内插入文字和图像2．表格数据的排序（1）对表格单元格中数据排序的要求：对表格单元格中数据的排序，要求表格的行列是整齐的，而且没有合并和拆分过。单击“命令”→“排序表格”命令，可弹出“排序表格”对话框，如图3-2-6所示。（2）“排序表格”对话框选项的含义如下：①“排序按”下拉列表框：选择对第几列排序。列号为“列1”、“列2”等。②“顺序”下拉列表框：在左边的下拉列表框内选择按字母或数字排序，在右边的下拉列表框内选择按升序或降序排序。字母排序不分大小写。③“再按”下拉列表框：按照“排序按”排序时，如果有相同的数据，则按照该下拉列表框的选择排序。该下拉列表框的选项也是“列1”、“列2”等。其下边的“顺序”下拉列表框的作用同上边的“顺序”下拉列表框一样。④“选项”选项组：选中“排序包含第一行”复选框后，表格的第1行也参加排序。在没有选中的情况下，表格的第1行不参加排序。⑤“应用”按钮：单击该按钮，可以完成排序，再单击该按钮还可以还原。图3-2-7（a）图所示的表格按照图3-2-6所示进行排序后的结果如图3-2-7（b）所示。从图3-2-7可以看出，首先按照左起第1列的数值进行升序排序，在数值相同的情况下，再按左起第2列的字母降序排序，第1行也参加排序。（a）（b）图3-2-6“排序表格”对话框图3-2-7待排序的表格和排序后的表格3.3【案例14】“中国名胜图像浏览1”网页相关知识1．插入特殊字符单击“插入”（文本）栏内最右边的按钮，调出它的菜单，单击该菜单内的命令，可以在光标处插入一些特殊字符。单击最下边的“其他字符”按钮，可弹出“插入其他字符”对话框，如图3-3-9所示。单击该对话框中的按钮，即可在光标处插入特殊字符的代码。在“插入”（标准）栏中还有一些按钮，利用它们还可以在网页中插入日期、换行符和电子邮件地址等。因为使用方法比较简单，这里不再赘述。2．插入插件插件可以是各种格式的音乐（MP3、MIDI、WAV、AIF等）、Director的Shockwave影片、Authorware的Shockwave和Flash电影等。操作方法如下：（1）单击“插入”（常用）栏中的“媒体”快捷菜单中的“插件”按钮，弹出“选择文件”对话框。利用该对话框来选择一个要插入的文件。（2）插入文件后，网页文档窗口内会显示一个插件图标。选中它后，可拖动插件图标的黑色控制柄，来调整它的大小，其大小决定了浏览器窗口中显示的大小。图3-3-9“插入其他字符”对话框（3）如果插入声音，在浏览器中可以播放。同时，浏览器内会显示出一个播放器。如果要取消播放器，可将插件图标调至很小。（4）单击选中网页中的插件图标，调出它的“属性”栏，如图3-3-10所示。图3-3-10插件对象的“属性”栏3．插入Shockwave影片Shockwave影片是Macromedia公司的Director软件创建的，插入它的方法如下所述。（1）单击“插入”（常用）栏中的“媒体”快捷菜单中的“Shockwave”按钮，弹出“选择文件”对话框。利用它调入Shockwave影片文件（扩展名为“.dcr”）。（2）插入Shockwave影片文件后，网页文档窗口内会显示一个Shockwave影片图标，如图3-3-11所示。拖动Shockwave影片图标右下角的黑色控制柄，可调整它的大小。（3）播放Shockwave影片的条件是有播放Shockwave影片的插件。如果没有相应的插件，则单击该按钮后，会弹出一个提示框。该插件可以从网上免费下载。Shockwave影片图图3-3-11Shockwave影片对象的图标和“属性”栏（4）Shockwave影片对象的“属性”栏：图3-3-11给出了Shockwave影片对象的“属性”栏，其中前面没有介绍过的一些选项的作用如下所述。llllll“Shockwave”文本框：用来输入Shockwave影片对象的名字。“文件”文本框与文件夹按钮：用来选择Shockwave影片文件。“对齐”列表框：用来设置Shockwave影片的定位方式。“垂直边距”文本框：用来设置Shockwave影片与边框间垂直方向的空白量。“水平边距”文本框：用来设置Shockwave影片与边框间水平方向的空白量。“参数”按钮：单击它可弹出一个对话框，用来输入附加参数，用于传递影片。4．通过插入标签来添加背景音乐背景音乐是在网页打开后在其后台播放的音乐。读者可以通过在网页文档内添加代码来添加背景音乐，也可以通过插入标签来添加音乐。其方法如下：（1）单击“插入记录”→“标签”命令，弹出“标签选择器”对话框。选择左边列表框内的“HTML标签”文件夹内的“页元素”选项，选择右边列表框内的“bgsound”选项，如图3-3-12所示。（2）单击“插入”按钮，弹出“标签编辑器”对话框，单击“浏览”按钮，弹出“选择文件”对话框，选择一个音乐文件（例如，“Music2.WAV”文件），再单击该对话框内的“确定”按钮，关闭“选