第三章 DW表格的使用
一、DW界面介绍，请参看[图008]
[图008]
二、新建文件
“文件”--“新建”，在弹出的窗口中，默认就是类别为“基本页”，基本页为“HTML”，点击“创建”按钮。如[图008_1]
[图008_1]
三、文件保存
我们要养成从一开始就保存页面的习惯，而且在制作的过程中也要每隔一段时间就做好保存工作，以免内容丢失。
点击“文件”--“保存”，选择保存位置“E:\website\”，文件名为index.htm，点“保存”，这时在DW右侧的面板上我们可以看到根目录下多了一个inde.htm的文件，如[图020]
[图020]
注：为什么我们要将文件命名为index.htm呢？因为当我们浏览一个网站时，第一眼呈现在你面前的这个页面，我们将其称为首页，默认的首页是index.htm或index.html或Default.htm或Default.asp或index.asp等。我们目前最常用到的就是“index.htm”
首页建好后，我们就可以首手开始把准备好的内容做成网页的格式了。怎么样来排列这些文字呢，接下来我们来讲一下表格的应用。
四、表格的应用
表格是个非常灵活的工具，它可以控制你的网页将要显示多大的宽度。你在浏览网页的时候，有时候看到一些网页占满了你的整个屏幕，有的只是占了百分之七八十，绝大多数页面是居中，有的是居左。那如何来设置网页的宽度呢。这跟我们显示器的分辨率有关。现在绝大部分人用的显示器都是17"纯平，设置的分辨率以1024*768居多，部分人还是设置为800*600，在几年前，800*600是比较普通，因为那时候用的显示器大部分是15"的。
现在绝大多数的网站，其网页设置的宽度为778象素，这样子可以保证在800*600的分辨率下，看到的是满屏状态，如果在1024*768状态下，就处于居中位置，两边还留出一定的空白，现在常被用来做对联广告。如果你想在1024*768的分辨率下看到满屏，可以将网页的宽度设为1000象素。
前面我们提到的页面宽度都是固定的象素值，那我们能不能设置一种页面宽度，不管是在800*600还是在1024*768的情况下，都能保证满屏呢？可以，这时我们的网页宽度就应该设置为100%，而不是用象素来定义了。但做100%对初学者来讲有一定难度，我们在后面章节会讲到，有兴趣的再去体验体验。
在前面[图007]中我们讲到，一个网页通常被分成上中下三块，这样子我们就可以用插入三个表格来制作网页。为什么我们要分三个表格，而不直接插入一个三行一列的表格呢，那是考虑到为了加快网页浏览的速度。我们在本地测试浏览时，通常不会发现变化，但如果是上传到服务器上，网速有快有慢，网页表格内容如果又很多，我们不分表格，这样子网页的加载速度就会很慢，你会等了很久才看到整个页面完全显示出来。所以我们在做网页时，能够尽量以横向表格分割开的，就多分几个表格来制作。
1、我们以[图007]中的top为例，首先插入一个一行两列的表格，如[图009]所示：
[图009]
2、显示结果如下：
3、叶子在做表格时，习惯对表格的宽度和高度进行准确严格的设置，经验证明，养成这种习惯，自己很清楚每个单元格的宽度高度，避免出错。现在我们来设置表格的高度，将鼠标移到表格的边缘，待出现四个方向箭的标志时，单击鼠标左健，表格处于选中状态，如[图010]所示：
[图010]
4、接下来我们来设置表格的高度为90象素，如下图所示：
[图011]
5、设置后，表格变成：
6、上图两个空白区域叫做“单元格”，我们设置第一个单元格的宽度为180像素，第二个单元格的宽度为598象素。将鼠移移到第一个单元格单击，这时底部的属性栏显示的就是单元格的属性，如[图012]所示，
[图012]
7、两个单元格宽度设置好后如下所示：
8、接下来我们在第二个单元格内插入一个两行一列的表格，如[图013]所示
[图013]
9、这时候你会发现，我将宽度设置为100%，因为我们刚才已经设置这个单元格的宽度为598像素了，所以现在在这个单元格内插入的表格我们就可以用百分比来控制。
然后将第一行的高度设置为65像素，第二行的高度设置为25像素；如下所示：
10、接下来，我们在第二行的单元格中再插入一个一行五列的表格，高度为25像素，如下所示：
11、接下来选中这五个单元格，设置宽度为20%，将鼠标在第一行单元格单击，然后按住鼠标左健不要分开，向右拖动，如[图014]所示：
[图014]
12、接下来设置单元格的宽度为20%，如[图015]
[图015]
13、我们输入五个导航栏按钮的文字：这时候你会发现文字在单元格中是处于居左的位置，将其设置为居中。
|
14、如上面所讲，选中五个单元格，在属性栏中设置水平：居中对齐；如[图016]
[图016]
|
总结：通过上面所举的例子，我们知道，网页其实就是一个一个的表格累积起来，每个表格又是分成几行几列，在每个单元格中又继续插入表格，一层层分化下去，插入表格的好处，就是可以独立的选择出一块内容出来，对其进行修改删除等。有些人喜欢用拆分单元格的方法，经验证明，拆分单元格很容易影响整体的编辑。