透视网页中的表格

谢鹏

摘要：本文主要通过简单的话题进行深入地挖掘，寻找解决学生在计算机学习中易学易忘的缺点，指导教师通过任务驱动下的创造性的活动解决上述问题。

关键词：教学模式、任务驱动、创造性活动

TP3-4

新课程标准下的信息技术课程应该是基于任务驱动下的创造性的活动，或者说应该是一个教会学生怎样去学习而不是教会学生应该学什么的教学过程。有些事物对学生来说也许很不陌生，但是在现实生活中却不知所措。是缺乏创造性呢还是这样的活动没有开展好呢？

学过网页制作的人都知道，在网页制作的过程中配合网页布局的工具无非是网页中的表格，框架，图层，表格往往作为大家的所选，因为表格的定位比较准确，大家基本都有使用表格的经验，容易上手。它在网页设计制作中发挥着举足轻重的作用，因此学好网页中的表格显得非常必要。曾经我做了这样一个调查，调查对象为学过Frontpage来参加网页设计制作的同学，调查的内容是表格中的参数。结果表明，80%的人知道这样的参数，但是几乎没有人能够回答出参数的功能，更没有人知道现实生活中怎么使用它们。所以我觉得有必要谈谈网页中的表格。

首先，当我们在网页中插入一个表格或者我们在设置表格属性的时候，我们会看到表格的大小，其中两个选项，一个是像素一个是百分比。如果让大家来比较这两个概念，大家都知道这两个的区别只是一个相对一个绝对的概念。为了说清楚这两个概念，我们举个例子来说明。我们的网页为了能够在不同分辨率下实现最佳的显示效果，我们总不想让它改变布局，同时我们还想让整个页面始终居于屏幕的中间（特别是水平位置）。如果这个时候我们设置表格的大小为100%，那么你在800*600的分辨率下面做的效果在1024*768下面开最大化窗口就会出现左右拉升，因为100%是相对于窗口而言的，同样你将窗口还原并改变其大小，就会出现内容压缩。但是如果你在制作的过程中，直接使用了绝对大小，比如说780*420（适合800*600分辨率下面最大化的窗口）那么你回到1024*768分辨率下面整个页面就显示在屏幕的左上角。为了弥补上述的两种不足，我们是否可以考虑将两种决定表格大小的单位交叉使用。因为我们不能够给一个表格同是设成相对和绝对大小，所以我们可以考虑先在页面中插入一个宽度为100%一行一列的表格它的用途就是无论在什么分辨率下面观看都满足是最大化的，同时设置此单元格的对齐方式为，垂直和水平都居中，用途是让插入其中的元素始终居于表格的中间，再在此单元格中插入一个表格，表格行和列根据内容决定，但是大小要采用决对大小比如说780*420，目的就是解决窗口随便多大，但是始终不会出现表格内的内容会被压缩或者拉升，即使窗口还原为很小，外面的表格也不会随窗口的改变而改变。相信这是几乎所有网页制作者开始制作时候首先要解决的问题了。解决了这个问题，我们了解了设置表格大小的两个单位因素。

上面的例子我们解决了因为视窗的大小改变布局的难题，常常有人问为什么他设计的一个像素宽的表格没有网上浏览到的那些网页的效果？其实我们如果在Frontpage中就容易知道为什么了，我们打开表格属性窗口会发现默认单元格边距是1单元格间距是2（默认的单位是像素）。首先我们来研究一下这两个概念，那如何来研究它呢？建议将单元格边距设置大一些比如10，单元格间距设为20，现在你在单元格中输入内容你就可以理解这两个概念了，我再解释一下，单元格边距从字面的理解就是单元格中的内容离各边的距离。单元格间距其实就是单元格与单元格之间的距离了。深入理解了这两个概念我们就可以来制作网上常常看到的所谓一个像素宽的表格了。方法一（通过应用单元格边距完成）：打开任意一款网页制作软件，比如说Frontpage，插入一行一列表格中（表格的边框为0，单元格间距为0，边距为0）设置此表格的背景色为黑色，在其单元格中插入一个表格比如2行2列（边框为0，单元格间距设置为1，边距为0，简称内表格），分别将它的每个单元格的背景色指定为白色，此时透过内表格的单元格边距（1pix）看到的就是1个像素宽的表格了。方法二：（通过应用单元格间距完成）首先插入一个表格比如1行1列（表格边框为0，单元格间距为0，边距为1）设置表格的背景色为黑色，然后在单元格内插入一个1行1列的表格（表格边框为0，单元格间距为0，边距为0）并设置表格的背景色为白色。预览一下，一个一个像素宽的表格就完成了。注意观察以上两种方法的不同效果。做到这里有人不禁会问，我们难道不能直接插入一个1像素宽的表格吗？那你自己可以先去试一下看看。方法三：在这里我们就来解决你提出的疑问了但是这里只提供结果，关于回答上面的为什么留给读者去思考！我们插入一个表格如2行2列（表格边框为1，单元格间距为0，边距为0）设置表格的属性设置其亮边框为黑色，暗边框为白色（Frontpage与Dreamweaver略有不同），观察效果。对于亮暗边框我就不作深入解释，读者可以自由设置看看效果。顺便在这里再解释一下网上我们看到的圆角表格的制作方法，它其实就是一个图形，我们可以切割该图成井字形，将它用以个三行三列的表格将它们布置到网页中，四角就是圆角图片，中间部分为空，用来填充内容。

通过这个简单的表格的挖掘，我们不难发现不少新鲜的东西，只要你善于思考，解决问题的方法往往会很多。在教学的过程中，老师的角色就应该是清楚的知道需要完成的任务，在任务的驱动下不断提出新问题，做好领路人，开展好这项活动。

參考文献：

《课程与教学论》浙江教育出版社 主编：王吉庆

《丰富教学模式》华东师范大学出版社 主编：兰祖利、里斯著endprint