网页制作 第五章表格应用.pptVIP

第5章 表格的应用;课前导读;基础知识;重点知识;提高知识;课堂讲解;插入表格 ; 在网页设计中，页面布局是一个重要的部分。Dreamweaver MX 2004提供了多种方法来创建和控制网页布局，最普通的方法就是使用表格，使用表格可以简化页面布局设计过程、导入表格化数据、设计页面分栏及定位页面上的文本和图像等。 在Dreamweaver MX 2004中插入表格并添加表格内容的方式较多，下面详细讲解。;插入表格 ;选择[插入]?[表格]菜单命令； 在“插入栏”的“常用”选项卡中单击“表格”按钮 ； 按【Ctrl+Alt+T】键。 （3）在“表格”对话框中可对各项参数进行如下设置。 “表格大小”栏 “页眉”栏 “辅助功能”栏 （4）完成设置后的“表格”对话框如图7-1所示。单击 按钮完成表格的创建，效果如图7-2所示。 ;“表格大小”栏 ;单元格边距：确定单元格边框和单元格内容之间相距的像素数。 单元格间距：确定相邻的表格单元格之间相距的像素数。 如果没有明确指定单元格间距和单元格边距的值，则大多数浏览器按单元格边距设置为“1”，单元格间距设置为“2”显示表格。若要确保浏览器不显示表格中的边距和间距，可将“单元格边距”和“单元格间距”设置为“0”。 ;“页眉”栏 ;“辅助功能”栏 ;图7-1; 在表格中添加内容 ; 从其他文档导入表格式数据 ; （1）执行下列操作之一： 选择[文件]?[导入]?[表格式数据]菜单命令； 选择[插入]?[表格对象]?[导入表格式数据]菜单命令。 （2）执行以上操作后将打开“导入表格式数据”对话框，如图7-3所示。在“导入表格式数据”对话框中，输入有关包含数据的文件信息。 数据文件：是要导入的文件名称。可单击 按钮选择一个文件。 定界符：是正在导入的文件中所使用的分隔符。如果选择“其他”，则一个文本框出现在该下拉列表的右侧，在其中可输入文件中使用的分隔符。 ;表格宽度：是创建的表格所需的宽度。选中 单选项可使每个列足够宽以适应该列中最长的文本字符串。选中 单选项以像素为单位指定固定的表格宽度，或按占浏览器窗口宽度的百分比指定表格宽度。 单元格边距：确定单元格内容和单元格边框之间的像素数。 单元格间距：确定相邻的表格单元格之间的像素数。 格式化首行：确定应用于表格首行的格式设置（如果存在）。有无格式、粗体、斜体或加粗斜体4种选择。 边框：指定表格边框的宽度（以像素为单位）。 ; （3）设置完成后的“导入表格式数据”对话框如图7-3所示。单击 按钮即可完成设置，效果如图7-4所示。;图7-4;嵌套表格 ;嵌套表格的具体操作如下。 （1）将光标定位到要插入表格的单元格中。 （2）在“插入栏”的“常用”选项卡中单击 按钮，打开“插入表格”对话框。 （3）根据实际需要分别在行数、列数、宽度和边框等项中指定嵌套表格的属性。 （4）设置完成后单击 按钮即可。 ;表格基本操作 ; 表格创建好后可能不满足的要求，这时就需再对表格进行一些操作，如单元格的合并及拆分、行或列的删除等，下面具体讲解。;选定操作 ;整个表格的选择 ;图7-5;整行或整列的选择 ;; 也可将光标定位到所选行最左侧的单元格中，再水平拖动鼠标到该行最后一个单元格中释放鼠标来选取位于最上层的嵌套表格的行。 列的选取方法与行类似，只是从表格上方选取，如图7-7（a）所示为选取外层表格的列，如图7-7（b）所示为选取嵌套表格的列。 ;;单元格 ; 单元格区域选取的具体操作如下。 （1）将光标定位到要选取的单元格区域的最左上方或最右下方的单元格中，如图7-8所示。 （2）在光标所在单元格中按住鼠标左键不放，拖动鼠标到需要选取的单元格区域的最后一个单元格中释放鼠标即可，如图7-9所示。 ;图7-9;单元格的合并及拆分 ;合并单元格;拆分单元格; （4）在“列数”数值框中输入要拆分成的列数，如输入4。 （5）单击 按钮即可按设置的参数拆分指定单元格，效果如图7-13所示。;插入或删除行或列 ;插入单行或单列 ;单击“列标题菜单”按钮 ，然后选择“左侧插入列”或“右侧插入列”，如图7-14所示，执行此操作后将在插入点的左侧或右侧出现一列，如图7-15所示。;添加多行或多列 ;图7-16;删除行或列 ;表格属性设置 ; 为了使表格更具特色，需要在“表格”属性面板中对表格线的颜色、表格或单元格的背景、边框等进行设置。“表格”属性面板中显示了所插入的表格