网页制作CSS+DIV与Table排版的教与学

网页制作是中职学校计算机专业必不可少的一门课程。中职学生基础学科知识比较薄弱，他们在刚学会使用Table对网页排版，又接触到CSS+DIV的时候，都会提出一个问题，“表格那么简单，为什么还要再学习复杂的CSS+DIV呢？”

首先我们可以明确一点，目前相当一部分主流网站都逐渐的抛弃了传统的Table排版，转而采用CSS+DIV技术进行网站制作。只有让学生自己动手，有了切身体会，才能更好的理解CSS+DIV和Table排版在网页制作中的差异。

1、CSS+DIV对基础薄弱的中职学生并不友好

Table排版首先要在网页的BODY里面插入一个大的表格，然后这个大表格里面插入的头部表格、中部表格和尾部表格，接着头部表格里面再插入LOGO标志表格和内容表格，中部表格和尾部表格做法也是大同小异。

这种做法虽然相对于中职学生来说很简单，容易理解，但是对于客户来说，却是往往意味着灾难。访问打开速度慢是这种网页的最致命弱点。在教学中，我们可以限制网络的速度，让打开浏览该网站的时候，浏览器首先需要把BODY中大表格里面所有的内容加载完成。换个角度来说，其实就是让浏览器等网站Table里面所有的内容加载完，学生才能看到网页的内容。在漫长的等待过程中，观看的学生会产生烦躁不安的情绪。让他们体会到使用Table制作的网站，会让用户对公司产生不信任感。

2、把CSS+DIV形式和内容进行分离

学生在使用传统Table布局制作网页的阶段，我们可以让学生自行统计使用Table的数量。一个页面里有10个以上的Table是非常普遍的事情，有时候内容多的话，一个网页就能达到30-40KB左右。……