《第七讲表格网页制作优秀PPT.ppt》由会员分享,可在线阅读,更多相关《第七讲表格网页制作优秀PPT.ppt(85页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第七讲表格网页制作1 1现在学习的是第1页,共85页7.1 创建表格7.1.1 7.1.1 表格的基本概念表格的基本概念表格的基本概念表格的基本概念在网页中,表格的结构如图在网页中,表格的结构如图在网页中,表格的结构如图在网页中,表格的结构如图7.17.1所示。所示。所示。所示。表格由一些线条分开的小格组成。线条即是表格的边框,被表格由一些线条分开的小格组成。线条即是表格的边框,被表格由一些线条分开的小格组成。线条即是表格的边框,被表格由一些线条分开的小格组成。线条即是表格的边框,被边框分割开来的区域称之为单元格,数据、文字、图形、边框分割开来的区域称之为单元格,数据、文字、图形、边框分割开来
2、的区域称之为单元格,数据、文字、图形、边框分割开来的区域称之为单元格,数据、文字、图形、图片等对象均可根据需要放在相应的单元格中。位于水平图片等对象均可根据需要放在相应的单元格中。位于水平图片等对象均可根据需要放在相应的单元格中。位于水平图片等对象均可根据需要放在相应的单元格中。位于水平方向上的一系列单元格称作一行,位于垂直方向上的一系方向上的一系列单元格称作一行,位于垂直方向上的一系方向上的一系列单元格称作一行,位于垂直方向上的一系方向上的一系列单元格称作一行,位于垂直方向上的一系列单元格称作一列。列单元格称作一列。列单元格称作一列。列单元格称作一列。在单元格中,可以输入文字和其他对象,这些
3、文字或对象同在单元格中,可以输入文字和其他对象,这些文字或对象同在单元格中,可以输入文字和其他对象,这些文字或对象同在单元格中,可以输入文字和其他对象,这些文字或对象同单元格边缘之间的距离称作单元格内部边距(单元格边缘之间的距离称作单元格内部边距(单元格边缘之间的距离称作单元格内部边距(单元格边缘之间的距离称作单元格内部边距(cell cell paddingpadding)。)。)。)。单元格之间的距离称作单元格间距(单元格之间的距离称作单元格间距(单元格之间的距离称作单元格间距(单元格之间的距离称作单元格间距(cell cell spacingspacing)。)。)。)。2 2现在学习的
4、是第2页,共85页图图7.13 3现在学习的是第3页,共85页7.1.2 7.1.2 插入表格插入表格插入表格插入表格【例【例【例【例7.17.1】插入表格】插入表格】插入表格】插入表格 将插入点放置到文档中要插入表格的地方。将插入点放置到文档中要插入表格的地方。将插入点放置到文档中要插入表格的地方。将插入点放置到文档中要插入表格的地方。执行执行执行执行Insert|TableInsert|Table(插入插入插入插入|表格)命令,或单击普通对象表格)命令,或单击普通对象表格)命令,或单击普通对象表格)命令,或单击普通对象面板上的面板上的面板上的面板上的Insert TableInsert T
5、able按钮(见图按钮(见图按钮(见图按钮(见图7.27.2)。如果没有预先设)。如果没有预先设)。如果没有预先设)。如果没有预先设置插入点的位置,可以直接从对象面板中将该按钮拖动到置插入点的位置,可以直接从对象面板中将该按钮拖动到置插入点的位置,可以直接从对象面板中将该按钮拖动到置插入点的位置,可以直接从对象面板中将该按钮拖动到文档中需要插入表格的位置,打开如图文档中需要插入表格的位置,打开如图文档中需要插入表格的位置,打开如图文档中需要插入表格的位置,打开如图7.37.3所示的对话框,所示的对话框,所示的对话框,所示的对话框,提示确定表格的格式。提示确定表格的格式。提示确定表格的格式。提示
6、确定表格的格式。在在在在Rows Rows(行)文本框中,输入要插入表格的行数。行)文本框中,输入要插入表格的行数。行)文本框中,输入要插入表格的行数。行)文本框中,输入要插入表格的行数。在在在在ColumnsColumns(列)文本框中,输入要插入表格的列数。列)文本框中,输入要插入表格的列数。列)文本框中,输入要插入表格的列数。列)文本框中,输入要插入表格的列数。在在在在Cell PaddingCell Padding文本框中,输入单元格中对象同单元格内文本框中,输入单元格中对象同单元格内文本框中,输入单元格中对象同单元格内文本框中,输入单元格中对象同单元格内部边界之间的距离,单位为像素点
7、。部边界之间的距离,单位为像素点。部边界之间的距离,单位为像素点。部边界之间的距离,单位为像素点。4 4现在学习的是第4页,共85页图图7.25 5现在学习的是第5页,共85页图图7.36 6现在学习的是第6页,共85页在在在在Cell SpacingCell Spacing文本框中,输入单元格之间的距离值,单位为像素文本框中,输入单元格之间的距离值,单位为像素文本框中,输入单元格之间的距离值,单位为像素文本框中,输入单元格之间的距离值,单位为像素点。点。点。点。在在在在WidthWidth文本框中输入表格宽度值,单位可以在右方的下拉列表中选文本框中输入表格宽度值,单位可以在右方的下拉列表中选
8、文本框中输入表格宽度值,单位可以在右方的下拉列表中选文本框中输入表格宽度值,单位可以在右方的下拉列表中选择。择。择。择。PixelPixel(像素),以绝对的像素值来设置表格宽度;像素),以绝对的像素值来设置表格宽度;像素),以绝对的像素值来设置表格宽度;像素),以绝对的像素值来设置表格宽度;PercentPercent(百分比),设置表格宽度同浏览器窗口宽度的百分比),设置表格宽度同浏览器窗口宽度的百分比),设置表格宽度同浏览器窗口宽度的百分比),设置表格宽度同浏览器窗口宽度的百分比。百分比。百分比。百分比。在在在在BorderBorder(边框)文本框中,输入边框的宽度,单位为像素点,边框
9、)文本框中,输入边框的宽度,单位为像素点,边框)文本框中,输入边框的宽度,单位为像素点,边框)文本框中,输入边框的宽度,单位为像素点,0 0表表表表示无边框。示无边框。示无边框。示无边框。设置完毕,单击设置完毕,单击设置完毕,单击设置完毕,单击OKOK按钮,确定操作。一个表格就会出现在文按钮,确定操作。一个表格就会出现在文按钮,确定操作。一个表格就会出现在文按钮,确定操作。一个表格就会出现在文档中,如图档中,如图档中,如图档中,如图7.47.4所示。所示。所示。所示。7.1.3 7.1.3 在表格中添加内容在表格中添加内容在表格中添加内容在表格中添加内容表格的内容要添加到表格的单元格中。单元格
10、中可以插入任何类型的表格的内容要添加到表格的单元格中。单元格中可以插入任何类型的表格的内容要添加到表格的单元格中。单元格中可以插入任何类型的表格的内容要添加到表格的单元格中。单元格中可以插入任何类型的数据,例如文本、图像、表单甚至表格等。同时也可以按照通常的数据,例如文本、图像、表单甚至表格等。同时也可以按照通常的数据,例如文本、图像、表单甚至表格等。同时也可以按照通常的数据,例如文本、图像、表单甚至表格等。同时也可以按照通常的编辑页面元素的方法,编辑其中的内容。例如,可以编辑其中的文编辑页面元素的方法,编辑其中的内容。例如,可以编辑其中的文编辑页面元素的方法,编辑其中的内容。例如,可以编辑其
11、中的文编辑页面元素的方法,编辑其中的内容。例如,可以编辑其中的文本,也可以设置其中的文本格式。本,也可以设置其中的文本格式。本,也可以设置其中的文本格式。本,也可以设置其中的文本格式。7 7现在学习的是第7页,共85页图图7.48 8现在学习的是第8页,共85页单击要插入内容的单元格,可以直接插入、编辑文本,也可插单击要插入内容的单元格,可以直接插入、编辑文本,也可插单击要插入内容的单元格,可以直接插入、编辑文本,也可插单击要插入内容的单元格,可以直接插入、编辑文本,也可插入图像、导航条、表单等页面元素,方法同不在表格中的方入图像、导航条、表单等页面元素,方法同不在表格中的方入图像、导航条、表
12、单等页面元素,方法同不在表格中的方入图像、导航条、表单等页面元素,方法同不在表格中的方法完全相同。在一个单元格中输入完毕,按法完全相同。在一个单元格中输入完毕,按法完全相同。在一个单元格中输入完毕,按法完全相同。在一个单元格中输入完毕,按TabTab键,可以将键,可以将键,可以将键,可以将插入点移动到下一个单元格中,以便继续输入。如果插入点移动到下一个单元格中,以便继续输入。如果插入点移动到下一个单元格中,以便继续输入。如果插入点移动到下一个单元格中,以便继续输入。如果在当前行的最后一个单元格中按在当前行的最后一个单元格中按在当前行的最后一个单元格中按在当前行的最后一个单元格中按TabTab键
13、,则将插入点移键,则将插入点移键,则将插入点移键,则将插入点移动到下一行中的第一个单元格内。按动到下一行中的第一个单元格内。按动到下一行中的第一个单元格内。按动到下一行中的第一个单元格内。按Shift+TabShift+Tab键可将键可将键可将键可将插入点移动到上一个单元格。在当前行的第一个单元格中插入点移动到上一个单元格。在当前行的第一个单元格中插入点移动到上一个单元格。在当前行的第一个单元格中插入点移动到上一个单元格。在当前行的第一个单元格中按按按按Shift+TabShift+Tab键,则将插入移到上一行中的最后一个单键,则将插入移到上一行中的最后一个单键,则将插入移到上一行中的最后一个
14、单键,则将插入移到上一行中的最后一个单元格内。当然,也可直接用鼠标单击需要输入文本的元格内。当然,也可直接用鼠标单击需要输入文本的元格内。当然,也可直接用鼠标单击需要输入文本的元格内。当然,也可直接用鼠标单击需要输入文本的单元格,直接将插入点转移到该单元格中。图单元格,直接将插入点转移到该单元格中。图单元格,直接将插入点转移到该单元格中。图单元格,直接将插入点转移到该单元格中。图7.57.5是在是在是在是在表格中插入的文本和图像。表格中插入的文本和图像。表格中插入的文本和图像。表格中插入的文本和图像。9 9现在学习的是第9页,共85页图图7.51010现在学习的是第10页,共85页7.1.4
15、7.1.4 利用文本文件创建表格利用文本文件创建表格利用文本文件创建表格利用文本文件创建表格如果已有一些数据在如果已有一些数据在如果已有一些数据在如果已有一些数据在Microsoft Excel Microsoft Excel 的工作表中,或在的工作表中,或在的工作表中,或在的工作表中,或在Microsoft Access Microsoft Access 的数据库中,或在其他形式的文件系的数据库中,或在其他形式的文件系的数据库中,或在其他形式的文件系的数据库中,或在其他形式的文件系统中,如果在统中,如果在统中,如果在统中,如果在HTMLHTML文件中重新输入这些数据,就会显得文件中重新输入这
16、些数据,就会显得文件中重新输入这些数据,就会显得文件中重新输入这些数据,就会显得非常麻烦,如果数据量很大,也就不大现实。非常麻烦,如果数据量很大,也就不大现实。非常麻烦,如果数据量很大,也就不大现实。非常麻烦,如果数据量很大,也就不大现实。在在在在DreamweaverDreamweaver中,允许导入其他类型文档中的数据,从而中,允许导入其他类型文档中的数据,从而中,允许导入其他类型文档中的数据,从而中,允许导入其他类型文档中的数据,从而避免了再次输入数据的麻烦。避免了再次输入数据的麻烦。避免了再次输入数据的麻烦。避免了再次输入数据的麻烦。1.1.生成分隔符类型的文本数据文件生成分隔符类型的
17、文本数据文件生成分隔符类型的文本数据文件生成分隔符类型的文本数据文件在在在在DreamweaverDreamweaver中,如果要导入表格数据,必须首先将中,如果要导入表格数据,必须首先将中,如果要导入表格数据,必须首先将中,如果要导入表格数据,必须首先将数据存储为以某种分隔符作数据间隔的纯文本文件,数据存储为以某种分隔符作数据间隔的纯文本文件,数据存储为以某种分隔符作数据间隔的纯文本文件,数据存储为以某种分隔符作数据间隔的纯文本文件,图图图图7.67.6、图、图、图、图7.77.7所示分别是以所示分别是以所示分别是以所示分别是以TabTab和逗号作分隔符的数据和逗号作分隔符的数据和逗号作分隔
18、符的数据和逗号作分隔符的数据文件格式。这种格式文件可以使用相应软件的存储工文件格式。这种格式文件可以使用相应软件的存储工文件格式。这种格式文件可以使用相应软件的存储工文件格式。这种格式文件可以使用相应软件的存储工具生成,如具生成,如具生成,如具生成,如Microsoft Excel Microsoft Excel 中的中的中的中的“文件文件文件文件|另存为另存为另存为另存为”命命命命令等,也可以手工编辑。令等,也可以手工编辑。令等,也可以手工编辑。令等,也可以手工编辑。1111现在学习的是第11页,共85页图图7.61212现在学习的是第12页,共85页图图7.71313现在学习的是第13页,
19、共85页注意:注意:注意:注意:文件中的一行相当于表格的一行,一行中的各列数文件中的一行相当于表格的一行,一行中的各列数文件中的一行相当于表格的一行,一行中的各列数文件中的一行相当于表格的一行,一行中的各列数据间用据间用据间用据间用TabTab空格或逗号隔开,在这样的文件中,数据不像空格或逗号隔开,在这样的文件中,数据不像空格或逗号隔开,在这样的文件中,数据不像空格或逗号隔开,在这样的文件中,数据不像表格中的数据排得那样整齐。表格中的数据排得那样整齐。表格中的数据排得那样整齐。表格中的数据排得那样整齐。2.2.从格式化文本数据文件中导入表格数据从格式化文本数据文件中导入表格数据从格式化文本数据
20、文件中导入表格数据从格式化文本数据文件中导入表格数据【例【例【例【例7.27.2】利用格式化文本创建表格】利用格式化文本创建表格】利用格式化文本创建表格】利用格式化文本创建表格 执行执行执行执行File|ImportFile|Import(文件文件文件文件|导入)命令,再选择导入)命令,再选择导入)命令,再选择导入)命令,再选择Import Import Table Data Table Data(导入表格数据);或执行导入表格数据);或执行导入表格数据);或执行导入表格数据);或执行Insert|Tabular Insert|Tabular DataData(插入插入插入插入|表格数据);也
21、可以直接单击对象面板上的表格数据);也可以直接单击对象面板上的表格数据);也可以直接单击对象面板上的表格数据);也可以直接单击对象面板上的Insert Tabular DataInsert Tabular Data(插入表格数据)按钮插入表格数据)按钮插入表格数据)按钮插入表格数据)按钮(图图图图7.8)7.8)。打开。打开。打开。打开Insert Tabular DataInsert Tabular Data(插入表格数据)对话框(图插入表格数据)对话框(图插入表格数据)对话框(图插入表格数据)对话框(图7.97.9),),),),提示选择数据文件及格式。提示选择数据文件及格式。提示选择数据
22、文件及格式。提示选择数据文件及格式。1414现在学习的是第14页,共85页图图7.81515现在学习的是第15页,共85页图图7.91616现在学习的是第16页,共85页 在在在在Data FileData File(数据文件)文本框中,输入含有分隔符的数数据文件)文本框中,输入含有分隔符的数数据文件)文本框中,输入含有分隔符的数数据文件)文本框中,输入含有分隔符的数据文件的路径和名称,也可以单击据文件的路径和名称,也可以单击据文件的路径和名称,也可以单击据文件的路径和名称,也可以单击BrowseBrowse(浏览)按钮,浏览)按钮,浏览)按钮,浏览)按钮,从磁盘上选择数据文件。从磁盘上选择数
23、据文件。从磁盘上选择数据文件。从磁盘上选择数据文件。在在在在DelimiterDelimiter(分隔符)下拉列表中,选择文本数据文件分隔符)下拉列表中,选择文本数据文件分隔符)下拉列表中,选择文本数据文件分隔符)下拉列表中,选择文本数据文件中所采用的分隔符。例如,如果数据文件采用制表符作中所采用的分隔符。例如,如果数据文件采用制表符作中所采用的分隔符。例如,如果数据文件采用制表符作中所采用的分隔符。例如,如果数据文件采用制表符作为分隔符,则应该选择为分隔符,则应该选择为分隔符,则应该选择为分隔符,则应该选择TabTab(制表符);如果数据文件制表符);如果数据文件制表符);如果数据文件制表符
24、);如果数据文件中使用逗号作为分隔符,则可以选择中使用逗号作为分隔符,则可以选择中使用逗号作为分隔符,则可以选择中使用逗号作为分隔符,则可以选择CommaComma(逗号)。逗号)。逗号)。逗号)。其中分隔符种类有以下几种:其中分隔符种类有以下几种:其中分隔符种类有以下几种:其中分隔符种类有以下几种:TabTab(制表符)、制表符)、制表符)、制表符)、CommaComma(逗号)、逗号)、逗号)、逗号)、SemicolonSemicolon(分号)、分号)、分号)、分号)、ColonColon(冒号)、冒号)、冒号)、冒号)、OtherOther(其他)。其他)。其他)。其他)。如果在如果在
25、如果在如果在DelimiterDelimiter(分隔符)下拉列表中没有合适的分隔符分隔符)下拉列表中没有合适的分隔符分隔符)下拉列表中没有合适的分隔符分隔符)下拉列表中没有合适的分隔符号,则可以选择号,则可以选择号,则可以选择号,则可以选择OtherOther,然后在右方的文本框中手工输然后在右方的文本框中手工输然后在右方的文本框中手工输然后在右方的文本框中手工输入需要的分隔符。入需要的分隔符。入需要的分隔符。入需要的分隔符。1717现在学习的是第17页,共85页在在在在Table WidthTable Width(表格宽度)区域进行表格宽度的设置。选择表格宽度)区域进行表格宽度的设置。选择
26、表格宽度)区域进行表格宽度的设置。选择表格宽度)区域进行表格宽度的设置。选择Fit To Data Fit To Data(配合数据)单选按钮,则创建的表格中,每个表格列的宽度配合数据)单选按钮,则创建的表格中,每个表格列的宽度配合数据)单选按钮,则创建的表格中,每个表格列的宽度配合数据)单选按钮,则创建的表格中,每个表格列的宽度根据数据的长度而定,使之刚好能够容纳最长的数据。选择根据数据的长度而定,使之刚好能够容纳最长的数据。选择根据数据的长度而定,使之刚好能够容纳最长的数据。选择根据数据的长度而定,使之刚好能够容纳最长的数据。选择SetSet(设置)单选按钮,则可以自行指定表格的列宽,在右
27、方的设置)单选按钮,则可以自行指定表格的列宽,在右方的设置)单选按钮,则可以自行指定表格的列宽,在右方的设置)单选按钮,则可以自行指定表格的列宽,在右方的文本框中输入列宽数值,在下拉列表中选择宽度单位。文本框中输入列宽数值,在下拉列表中选择宽度单位。文本框中输入列宽数值,在下拉列表中选择宽度单位。文本框中输入列宽数值,在下拉列表中选择宽度单位。在在在在Cell PaddingCell Padding(单元格内边空)文本框中,输入单元格中对象同单元格单元格内边空)文本框中,输入单元格中对象同单元格单元格内边空)文本框中,输入单元格中对象同单元格单元格内边空)文本框中,输入单元格中对象同单元格内部
28、边界之间的距离。内部边界之间的距离。内部边界之间的距离。内部边界之间的距离。在在在在Cell Spacing Cell Spacing(单元格间距)文本框中,输入单元格之间的距离。单元格间距)文本框中,输入单元格之间的距离。单元格间距)文本框中,输入单元格之间的距离。单元格间距)文本框中,输入单元格之间的距离。在在在在Format Top RowFormat Top Row(格式化顶行)下拉列表中,可以设置表格顶行的文字格式化顶行)下拉列表中,可以设置表格顶行的文字格式化顶行)下拉列表中,可以设置表格顶行的文字格式化顶行)下拉列表中,可以设置表格顶行的文字格式。这可以使表格列所表述的主题更加清
29、晰,相当于将表头突出显示。格式。这可以使表格列所表述的主题更加清晰,相当于将表头突出显示。格式。这可以使表格列所表述的主题更加清晰,相当于将表头突出显示。格式。这可以使表格列所表述的主题更加清晰,相当于将表头突出显示。其中的选择有:其中的选择有:其中的选择有:其中的选择有:No Formatting No Formatting(不格式化)、不格式化)、不格式化)、不格式化)、BoldBold(加粗)、加粗)、加粗)、加粗)、ItalicItalic(倾斜)、倾斜)、倾斜)、倾斜)、Bold ItalicBold Italic(加粗倾斜)。加粗倾斜)。加粗倾斜)。加粗倾斜)。在在在在Border
30、Border文本框中,可以输入表格边框的宽度。文本框中,可以输入表格边框的宽度。文本框中,可以输入表格边框的宽度。文本框中,可以输入表格边框的宽度。1818现在学习的是第18页,共85页 设置完毕,单击设置完毕,单击设置完毕,单击设置完毕,单击OKOK按钮,确定操作。这时数据源文件中的按钮,确定操作。这时数据源文件中的按钮,确定操作。这时数据源文件中的按钮,确定操作。这时数据源文件中的数据就被导入到文档中,同时创建了相应的表格。图数据就被导入到文档中,同时创建了相应的表格。图数据就被导入到文档中,同时创建了相应的表格。图数据就被导入到文档中,同时创建了相应的表格。图7.107.10就就就就是导
31、入图是导入图是导入图是导入图7.67.6的数据生成的表格。的数据生成的表格。的数据生成的表格。的数据生成的表格。3.3.导出表格数据导出表格数据导出表格数据导出表格数据执行执行执行执行File|Export|Export TableFile|Export|Export Table(文件文件文件文件|导出导出导出导出|导出表格)命令导出表格)命令导出表格)命令导出表格)命令可以将网页中的表格数据导出到文本文件中,供其他软件使可以将网页中的表格数据导出到文本文件中,供其他软件使可以将网页中的表格数据导出到文本文件中,供其他软件使可以将网页中的表格数据导出到文本文件中,供其他软件使用。参数设置与导入
32、表格类似。用。参数设置与导入表格类似。用。参数设置与导入表格类似。用。参数设置与导入表格类似。1919现在学习的是第19页,共85页图图7.102020现在学习的是第20页,共85页7.2 编辑表格7.2.1 7.2.1 选中表格元素选中表格元素选中表格元素选中表格元素1.1.选中整张表格要选中整张表格,有选中整张表格要选中整张表格,有选中整张表格要选中整张表格,有选中整张表格要选中整张表格,有6 6种方法:种方法:种方法:种方法:将鼠标移动到表格的左上角位置,或是表格上边框或下边将鼠标移动到表格的左上角位置,或是表格上边框或下边将鼠标移动到表格的左上角位置,或是表格上边框或下边将鼠标移动到表
33、格的左上角位置,或是表格上边框或下边框外附近的任意位置,当鼠标光标呈现一个交叉十字的形框外附近的任意位置,当鼠标光标呈现一个交叉十字的形框外附近的任意位置,当鼠标光标呈现一个交叉十字的形框外附近的任意位置,当鼠标光标呈现一个交叉十字的形状时单击鼠标,即可选中表格,如图状时单击鼠标,即可选中表格,如图状时单击鼠标,即可选中表格,如图状时单击鼠标,即可选中表格,如图7.117.11所示。所示。所示。所示。将鼠标移动到表格左方边框之外的区域,当鼠标指针变为将鼠标移动到表格左方边框之外的区域,当鼠标指针变为将鼠标移动到表格左方边框之外的区域,当鼠标指针变为将鼠标移动到表格左方边框之外的区域,当鼠标指针
34、变为指向右上方的箭头指向右上方的箭头指向右上方的箭头指向右上方的箭头 形状时,单击鼠标,即可选中整张表形状时,单击鼠标,即可选中整张表形状时,单击鼠标,即可选中整张表形状时,单击鼠标,即可选中整张表格。格。格。格。单击表格中任意位置,然后执行单击表格中任意位置,然后执行单击表格中任意位置,然后执行单击表格中任意位置,然后执行Modify|Table|Select Modify|Table|Select TableTable(修改修改修改修改|表格表格表格表格|选择表格)命令,这时整张表格被选择表格)命令,这时整张表格被选择表格)命令,这时整张表格被选择表格)命令,这时整张表格被选中。选中。选中
35、。选中。2121现在学习的是第21页,共85页图图7.112222现在学习的是第22页,共85页 单击表格中任意位置,执行单击表格中任意位置,执行单击表格中任意位置,执行单击表格中任意位置,执行Edit|Select AllEdit|Select All(编辑编辑编辑编辑|全选)命令,全选)命令,全选)命令,全选)命令,或是按或是按或是按或是按Ctrl+ACtrl+A键。键。键。键。单击表格中的任意位置,然后在文档窗口左下方状态行上标记选单击表格中的任意位置,然后在文档窗口左下方状态行上标记选单击表格中的任意位置,然后在文档窗口左下方状态行上标记选单击表格中的任意位置,然后在文档窗口左下方状态
36、行上标记选择器中单击择器中单击择器中单击择器中单击 table标记。标记。标记。标记。按住按住按住按住ShiftShift键,然后单击表格中的任意位置。键,然后单击表格中的任意位置。键,然后单击表格中的任意位置。键,然后单击表格中的任意位置。当表格被选中时,其周围出现一个边框,表明被选中,同时在边当表格被选中时,其周围出现一个边框,表明被选中,同时在边当表格被选中时,其周围出现一个边框,表明被选中,同时在边当表格被选中时,其周围出现一个边框,表明被选中,同时在边框的右方和下方带有黑色控制柄。通过拖动这些黑色控点,可框的右方和下方带有黑色控制柄。通过拖动这些黑色控点,可框的右方和下方带有黑色控制
37、柄。通过拖动这些黑色控点,可框的右方和下方带有黑色控制柄。通过拖动这些黑色控点,可以改变表格的大小。以改变表格的大小。以改变表格的大小。以改变表格的大小。2.2.选择表格行选择表格行选择表格行选择表格行要选中表格行,可以使用以下几种方法。要选中表格行,可以使用以下几种方法。要选中表格行,可以使用以下几种方法。要选中表格行,可以使用以下几种方法。将鼠标移动到要选中表格行左方表格之外的位置,当鼠标指针将鼠标移动到要选中表格行左方表格之外的位置,当鼠标指针将鼠标移动到要选中表格行左方表格之外的位置,当鼠标指针将鼠标移动到要选中表格行左方表格之外的位置,当鼠标指针变为一个指向右方的黑色箭头形状时单击鼠
38、标,即可选中相应变为一个指向右方的黑色箭头形状时单击鼠标,即可选中相应变为一个指向右方的黑色箭头形状时单击鼠标,即可选中相应变为一个指向右方的黑色箭头形状时单击鼠标,即可选中相应的表格行,如图的表格行,如图的表格行,如图的表格行,如图7.127.12所示。这时按下鼠标上下拖动,可以选中所示。这时按下鼠标上下拖动,可以选中所示。这时按下鼠标上下拖动,可以选中所示。这时按下鼠标上下拖动,可以选中多行。多行。多行。多行。2323现在学习的是第23页,共85页图图7.112424现在学习的是第24页,共85页图图7.122525现在学习的是第25页,共85页 单击要选择的表格行中的第一个单元格,然后按
39、住鼠标左键,单击要选择的表格行中的第一个单元格,然后按住鼠标左键,单击要选择的表格行中的第一个单元格,然后按住鼠标左键,单击要选择的表格行中的第一个单元格,然后按住鼠标左键,拖动鼠标,直到要选择的表格行中最后一个单元格中,释放鼠拖动鼠标,直到要选择的表格行中最后一个单元格中,释放鼠拖动鼠标,直到要选择的表格行中最后一个单元格中,释放鼠拖动鼠标,直到要选择的表格行中最后一个单元格中,释放鼠标,即可选中表格行。同样,拖动鼠标,移过多个表格行,即标,即可选中表格行。同样,拖动鼠标,移过多个表格行,即标,即可选中表格行。同样,拖动鼠标,移过多个表格行,即标,即可选中表格行。同样,拖动鼠标,移过多个表格
40、行,即可选中多个表格行。可选中多个表格行。可选中多个表格行。可选中多个表格行。单击要选择的表格行中任意一个单元格,然后在文档窗口左下单击要选择的表格行中任意一个单元格,然后在文档窗口左下单击要选择的表格行中任意一个单元格,然后在文档窗口左下单击要选择的表格行中任意一个单元格,然后在文档窗口左下方状态行上单击方状态行上单击方状态行上单击方状态行上单击 tr标记,即可选中该表格行,当表格行被标记,即可选中该表格行,当表格行被标记,即可选中该表格行,当表格行被标记,即可选中该表格行,当表格行被选中时,该行中所有的单元格四周都带有黑色粗框。选中时,该行中所有的单元格四周都带有黑色粗框。选中时,该行中所
41、有的单元格四周都带有黑色粗框。选中时,该行中所有的单元格四周都带有黑色粗框。3.3.选择表格列选择表格列选择表格列选择表格列要选中表格列,有如下方法:要选中表格列,有如下方法:要选中表格列,有如下方法:要选中表格列,有如下方法:将鼠标移动到要选中表格列上方表格之外的位置,当鼠标光标将鼠标移动到要选中表格列上方表格之外的位置,当鼠标光标将鼠标移动到要选中表格列上方表格之外的位置,当鼠标光标将鼠标移动到要选中表格列上方表格之外的位置,当鼠标光标指针变为一个指向下方的黑色箭头形状时单击鼠标,即可选中指针变为一个指向下方的黑色箭头形状时单击鼠标,即可选中指针变为一个指向下方的黑色箭头形状时单击鼠标,即
42、可选中指针变为一个指向下方的黑色箭头形状时单击鼠标,即可选中相应的表格列;这时按下鼠标左右拖动,可以选中多列,如图相应的表格列;这时按下鼠标左右拖动,可以选中多列,如图相应的表格列;这时按下鼠标左右拖动,可以选中多列,如图相应的表格列;这时按下鼠标左右拖动,可以选中多列,如图7.137.13所示。所示。所示。所示。2626现在学习的是第26页,共85页图图7.132727现在学习的是第27页,共85页 单击要选择表格列中的第一个单元格,然后按住鼠标左键,单击要选择表格列中的第一个单元格,然后按住鼠标左键,单击要选择表格列中的第一个单元格,然后按住鼠标左键,单击要选择表格列中的第一个单元格,然后
43、按住鼠标左键,拖动鼠标,直到要选择表格列中最后一个单元格中,再释拖动鼠标,直到要选择表格列中最后一个单元格中,再释拖动鼠标,直到要选择表格列中最后一个单元格中,再释拖动鼠标,直到要选择表格列中最后一个单元格中,再释放鼠标,即可选中表格列。同样,拖动鼠标,移过多个表放鼠标,即可选中表格列。同样,拖动鼠标,移过多个表放鼠标,即可选中表格列。同样,拖动鼠标,移过多个表放鼠标,即可选中表格列。同样,拖动鼠标,移过多个表格列,即可选中多个表格列。格列,即可选中多个表格列。格列,即可选中多个表格列。格列,即可选中多个表格列。4.4.选中单元格选中单元格选中单元格选中单元格在在在在DreamweaverDr
44、eamweaver中,可以选中相邻的单元格,也可以选中不相邻中,可以选中相邻的单元格,也可以选中不相邻中,可以选中相邻的单元格,也可以选中不相邻中,可以选中相邻的单元格,也可以选中不相邻的单元格。的单元格。的单元格。的单元格。选择一个单元格。在要选择的单元格中单击鼠标,然后拖动到选择一个单元格。在要选择的单元格中单击鼠标,然后拖动到选择一个单元格。在要选择的单元格中单击鼠标,然后拖动到选择一个单元格。在要选择的单元格中单击鼠标,然后拖动到相邻单元格(左、右、上、下以及斜线方向皆可)中部,当要相邻单元格(左、右、上、下以及斜线方向皆可)中部,当要相邻单元格(左、右、上、下以及斜线方向皆可)中部,
45、当要相邻单元格(左、右、上、下以及斜线方向皆可)中部,当要选中单元格四周带有粗框时释放鼠标。选中单元格四周带有粗框时释放鼠标。选中单元格四周带有粗框时释放鼠标。选中单元格四周带有粗框时释放鼠标。另一种方法是在要选中的单元格中单击鼠标,然后在文档窗口左下方另一种方法是在要选中的单元格中单击鼠标,然后在文档窗口左下方另一种方法是在要选中的单元格中单击鼠标,然后在文档窗口左下方另一种方法是在要选中的单元格中单击鼠标,然后在文档窗口左下方状态行上的标记选择器中,单击状态行上的标记选择器中,单击状态行上的标记选择器中,单击状态行上的标记选择器中,单击 td或或或或 th标记。被选中的单标记。被选中的单标
46、记。被选中的单标记。被选中的单元格四周会出现粗框。元格四周会出现粗框。元格四周会出现粗框。元格四周会出现粗框。2828现在学习的是第28页,共85页 选中相邻多个单元格。在相邻单元格中的第一个单元格中按选中相邻多个单元格。在相邻单元格中的第一个单元格中按选中相邻多个单元格。在相邻单元格中的第一个单元格中按选中相邻多个单元格。在相邻单元格中的第一个单元格中按下鼠标,拖动鼠标(可以横向、纵向、斜线拖动),移动到下鼠标,拖动鼠标(可以横向、纵向、斜线拖动),移动到下鼠标,拖动鼠标(可以横向、纵向、斜线拖动),移动到下鼠标,拖动鼠标(可以横向、纵向、斜线拖动),移动到最后一个单元格中,即可选中一组相邻
47、单元格。最后一个单元格中,即可选中一组相邻单元格。最后一个单元格中,即可选中一组相邻单元格。最后一个单元格中,即可选中一组相邻单元格。选中不相邻的多个单元格。按住选中不相邻的多个单元格。按住选中不相邻的多个单元格。按住选中不相邻的多个单元格。按住CtrlCtrl键,单击要选中的单键,单击要选中的单键,单击要选中的单键,单击要选中的单元格,则被单击的单元格就会被选中。元格,则被单击的单元格就会被选中。元格,则被单击的单元格就会被选中。元格,则被单击的单元格就会被选中。5.5.取消选中状态取消选中状态取消选中状态取消选中状态选中表格元素后,如果希望取消选择状态,只要单击任何单元选中表格元素后,如果
48、希望取消选择状态,只要单击任何单元选中表格元素后,如果希望取消选择状态,只要单击任何单元选中表格元素后,如果希望取消选择状态,只要单击任何单元格,就会取消对表格元素的选中状态。也可以通过单击表格格,就会取消对表格元素的选中状态。也可以通过单击表格格,就会取消对表格元素的选中状态。也可以通过单击表格格,就会取消对表格元素的选中状态。也可以通过单击表格之外的其他任意位置来取消对表格元素的选择。之外的其他任意位置来取消对表格元素的选择。之外的其他任意位置来取消对表格元素的选择。之外的其他任意位置来取消对表格元素的选择。2929现在学习的是第29页,共85页7.2.2 7.2.2 插入行或列插入行或列
49、插入行或列插入行或列最初插入表格的行数或列数不够时,可以插入行或列,这些操作最初插入表格的行数或列数不够时,可以插入行或列,这些操作最初插入表格的行数或列数不够时,可以插入行或列,这些操作最初插入表格的行数或列数不够时,可以插入行或列,这些操作都可以在都可以在都可以在都可以在Modify|TableModify|Table菜单中实现(见图菜单中实现(见图菜单中实现(见图菜单中实现(见图7.147.14)。)。)。)。1.1.插入一行插入一行插入一行插入一行执行执行执行执行Modify|Table|Insert RowModify|Table|Insert Row(修改修改修改修改|表格表格表格
50、表格|插入行)命令,或插入行)命令,或插入行)命令,或插入行)命令,或按按按按Ctrl+MCtrl+M键,就会在原先单元格的上方,插入一个新空白行。键,就会在原先单元格的上方,插入一个新空白行。键,就会在原先单元格的上方,插入一个新空白行。键,就会在原先单元格的上方,插入一个新空白行。2.2.插入一列插入一列插入一列插入一列执行执行执行执行Modify|Table|Insert ColumnModify|Table|Insert Column(修改修改修改修改|表格表格表格表格|插入列)命令,插入列)命令,插入列)命令,插入列)命令,在原单元格的左方插入一列。在原单元格的左方插入一列。在原单元