现在位置:中国IDC吧>网页设计>Dreamweaver教程> 文章内容

Dreamweaver4神童教程之七

收藏发布 来源:互联网 作者:中国IDC吧 更新日期:2008-09-30 点击:


  大家对"互动学校"这个页面比较感兴趣吧?它看起来有点复杂,不过当你静下心来仔细想一下,你就会明白,它其实是由若干个表格做成的。如图十:(详细情况请见 Resource.zip 文件中的"互动学样.htm")


图十

1.抬头:

  由两个大的表格组成:

  上面大表格是图片区,下面是导航区。图片区分为一行两列,左边是赛迪网的 LOGO ,右边是其他图片信息区。图片信息区中插入了一个两行两列的表格,上面一行,将两个单元格合并成一个,然后放上"赛迪信息","赛迪商务","赛迪资询",以及一个防止变形的白色图片;下面一行,左边是互动学校的动画图标,右边单元格中再插入一个三行一列的表格,并加上带链接的"赛迪寻呼","赛迪社区","信息助理"。

  下面的表格分为一行两列,前面空格中输入带链接的" 资讯中心 | 技术天地 | 软件特供 | IT财经 | 市场专家 | 互动学校 | DIY专区 | 媒体全文 | IT罗盘 | IT人才 "信息,后面是一个显示时间的 Javascript 脚本。

2.正文区:

  正文区是一个一行三列的大表格构建而成,每一列中或插入单独的表格,或进行拆分,形成多个区域并输入相应的信息,最后组成了网页的主要内容。由于原理上面已经讲清楚,这里就不再赘述,大家可以自己试着体会一下。

五.总结:

  前面我们说表格是一种最基本的网页定位技术,其重要不言而喻。但表格也并不是没有缺点,它的最大问题在于表格内容的下载比较耗时,往往要一个表格中全部内容下载完成后才能显示该表格内容,因此,对于表格的嵌套使用,大家犹该注意,尽量不要嵌套过多的表格以影响页面的下载速度。