网页设计与制作 DreamweaveCs5第二讲课件.ppt

《网页设计与制作 DreamweaveCs5第二讲课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、【表格概述】表格是控制网页页面布局最有力的工具。使用表格可以对列表数据进行布局，布局网页文本、图像、媒体等。Dreamweaver提供了3种方式来查看和操作表格：标准视图、扩展视图、布局视图。本章重点是：表格的基本操作和布局视图下表格的操作。2.1表格基础2.1.1表格和单元格1.　表格表格是用于在网页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格组成。表格由三个基本部件组成：行、列、单元格。具有宽度、高度、间距、边框等属性。2.　单元格表格由一个或多个单元格构成，单元格是指表格内的每个小格子

2、。2.1.2表格结构如图2-1所示的表格。其各参数值如下：行：2。列：3。单元格数目：6。宽度：400。高度：200。间距：10。边框：5。图2-1表格结构2.2.1插入表格插入表格步骤如下：（1）新建文档“bg.html”，执行【插入】->【表格】命令或在“插入”栏的的“常用”类别中，单击“表格”按钮，如图2-3所示。显示“表格”对话框，如图2-4所示。图2-3“表格”按钮图2-4“表格”对话框（2）设置“表格”对话框选项如下：行数：表格的行数目，本例为“1”。列数：表格的列数目，本例为“2”。表格宽度：以像素为单位或按以窗口

3、宽度的百分比来指定表格的宽度，本例为“700”象素。边框粗细：表格边框的宽度。单元格边距：单元格边框和单元格内容之间的像素数。单元格间距：相邻的表格单元格之间的像素数。“页眉”选项组中一共4个标题选项：无、左侧、顶部、两者。无：对表格不启用列或行标题。左侧：将表格的第一列作为标题列，以便为表格中的每一行输入一个标题。顶部：将表格的第一行作为标题行，以便为表格中的每一列输入一个标题。两者：在表格中输入列标题和行标题。标题：显示在表格外的表格标题。对齐标题：表格标题相对于表格的位置。摘要：表格的说明信息。设置完毕后，单击“确定”按钮，完成

4、创建表格操作。效果如图2-5所示：图2-5创建表格2.2.2导入表格式数据Dreamweaver可以将在Word、Excel等应用程序中创建并以分隔文本的格式保存的表格式数据导入到Dreamweaver文档中并自动设置为表格的格式。假设有如下格式的文本文件（文件名为“zw.txt”），文本内容如图2-6所示。图2-6“zw.txt”文本内容要导入以上格式的文本文件操作步骤如下：（1）执行【文件】->【导入表格式数据】命令或执行【插入】->【表格对象】->【导入表格式数据】命令，显示“导入表格式数据”对话框，如图2-7所示。图2-7“导入表格式数据”

5、对话框（2）设置“导入表格式数据”对话框选项如下：数据文件：要导入的文件的名称。单击“浏览”按钮选择一个文件，本例为“zw.txt”。定界符：导入的文件中所使用的分隔符，本例选择“逗号”。表格宽度：将创建的表格的宽度。若选择“匹配内容”项：使每个列足够宽以适应该列中最长的文本字符串。若选择“设置为”项：可以以像素为单位指定固定的表格宽度，或按占浏览器窗口宽度的百分比指定表格宽度。单元格边距：单元格内容和单元格边框之间的像素数。单元格间距：确定相邻的表格单元格之间的像素数。格式化首行：确定应用于表格首行的格式设置。有四个格式设置选项：无格式、粗体、斜

6、体或加粗斜体，本例选择“加粗斜体”。边框：表格边框的宽度。设置各选项后如图2-8所示。图2-8设置“导入表格式数据”对话框选项（3）单击“确定”按钮。文档中效果如图2-9所示。图2-9“导入表格式数据”后文档中效果2.2.3创建嵌套表格嵌套表格是指在另一个表格的单元格中又有表格。可以像对任何其他表格一样对嵌套表格进行格式设置。读者注意，嵌套表格宽度受它所在单元格的宽度的限制。实际上，上例中“导入表格式数据”就是把数据嵌套到一个表格的单元格中。创建嵌套表格步骤如下：（1）单击现有表格中的一个单元格，定位光标，本例为表格的第一个单元格。（2）执行【插入

7、】->【表格】命令或在“插入”工具栏的“常用”类别中，单击“表格”按钮，显示“表格”对话框，设置各个选项如图2-10所示。图2-10“表格”对话框（3）单击“确定”按钮，文档中效果如图2-11所示。图2-11嵌套表格2.2.4选择表格元素在对表格元素进行操作之前，必须学会如何选择表格元素，表格元素可以是整个表格，嵌套的内部表格，行、列、连续或不连续的单元格。1.　选择表格当鼠标指针移动到表格左边时，鼠标形状为反箭头时，单击鼠标，即可选择该表格。在表格边框移动鼠标时，指针形状为或时，单击鼠标即可选择该表格。在表格内任意单元格内定位光标，执行【修

8、改】->【表格】->【选择表格】命令。在表格内任意单元格内定位光标，单击右键，执行【表格】->【选择表格】命令。单击某