教你如何制作网页表格.ppt

《教你如何制作网页表格.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、第7章表格7.1创建表格7.2编辑表格7.3表格的格式化7.4利用表格布局版面思考与练习17.1创建表格7.1.1表格的基本概念在网页中，表格的结构如图7.1所示。表格由一些线条分开的小格组成。线条即是表格的边框，被边框分割开来的区域称之为单元格，数据、文字、图形、图片等对象均可根据需要放在相应的单元格中。位于水平方向上的一系列单元格称作一行，位于垂直方向上的一系列单元格称作一列。在单元格中，可以输入文字和其他对象，这些文字或对象同单元格边缘之间的距离称作单元格内部边距（cellpadding）。单元格之间

2、的距离称作单元格间距（cellspacing）。2图7.137.1.2插入表格【例7.1】插入表格①将插入点放置到文档中要插入表格的地方。②执行Insert

3、Table（插入

4、表格）命令，或单击普通对象面板上的InsertTable按钮（见图7.2）。如果没有预先设置插入点的位置，可以直接从对象面板中将该按钮拖动到文档中需要插入表格的位置，打开如图7.3所示的对话框，提示确定表格的格式。③在Rows（行）文本框中，输入要插入表格的行数。在Columns（列）文本框中，输入要插入表格的列数。在CellPadd

5、ing文本框中，输入单元格中对象同单元格内部边界之间的距离，单位为像素点。4图7.25图7.36在CellSpacing文本框中，输入单元格之间的距离值，单位为像素点。在Width文本框中输入表格宽度值，单位可以在右方的下拉列表中选择。Pixel（像素），以绝对的像素值来设置表格宽度；Percent（百分比），设置表格宽度同浏览器窗口宽度的百分比。在Border（边框）文本框中，输入边框的宽度，单位为像素点，0表示无边框。④设置完毕，单击OK按钮，确定操作。一个表格就会出现在文档中，如图7.4所示。7.1.

6、3在表格中添加内容表格的内容要添加到表格的单元格中。单元格中可以插入任何类型的数据，例如文本、图像、表单甚至表格等。同时也可以按照通常的编辑页面元素的方法，编辑其中的内容。例如，可以编辑其中的文本，也可以设置其中的文本格式。7图7.48单击要插入内容的单元格，可以直接插入、编辑文本，也可插入图像、导航条、表单等页面元素，方法同不在表格中的方法完全相同。在一个单元格中输入完毕，按Tab键，可以将插入点移动到下一个单元格中，以便继续输入。如果在当前行的最后一个单元格中按Tab键，则将插入点移动到下一行中的第一个

7、单元格内。按Shift+Tab键可将插入点移动到上一个单元格。在当前行的第一个单元格中按Shift+Tab键，则将插入移到上一行中的最后一个单元格内。当然，也可直接用鼠标单击需要输入文本的单元格，直接将插入点转移到该单元格中。图7.5是在表格中插入的文本和图像。9图7.5107.1.4利用文本文件创建表格如果已有一些数据在MicrosoftExcel的工作表中，或在MicrosoftAccess的数据库中，或在其他形式的文件系统中，如果在HTML文件中重新输入这些数据，就会显得非常麻烦，如果数据量很大，也就

8、不大现实。在Dreamweaver中，允许导入其他类型文档中的数据，从而避免了再次输入数据的麻烦。1.生成分隔符类型的文本数据文件在Dreamweaver中，如果要导入表格数据，必须首先将数据存储为以某种分隔符作数据间隔的纯文本文件，图7.6、图7.7所示分别是以Tab和逗号作分隔符的数据文件格式。这种格式文件可以使用相应软件的存储工具生成，如MicrosoftExcel中的“文件

9、另存为”命令等，也可以手工编辑。11图7.612图7.713注意：文件中的一行相当于表格的一行，一行中的各列数据间用Tab空格

10、或逗号隔开，在这样的文件中，数据不像表格中的数据排得那样整齐。2.从格式化文本数据文件中导入表格数据【例7.2】利用格式化文本创建表格①执行File

11、Import（文件

12、导入）命令，再选择ImportTableData（导入表格数据）；或执行Insert

13、TabularData（插入

14、表格数据）；也可以直接单击对象面板上的InsertTabularData（插入表格数据）按钮(图7.8)。打开InsertTabularData（插入表格数据）对话框（图7.9），提示选择数据文件及格式。14图7.815图7.

15、916②在DataFile（数据文件）文本框中，输入含有分隔符的数据文件的路径和名称，也可以单击Browse（浏览）按钮，从磁盘上选择数据文件。③在Delimiter（分隔符）下拉列表中，选择文本数据文件中所采用的分隔符。例如，如果数据文件采用制表符作为分隔符，则应该选择Tab（制表符）；如果数据文件中使用逗号作为分隔符，则可以选择Comma（逗号）。其中分隔符种类有以下几种：Tab（制表符）、Comma（逗号）