background image

3:代码简洁,提高页面浏览速度

对于同一个页面视觉效果,采用

CSS+DIV 重构的页面容量要比 TABLE 编码的页面文

件容量小得多,代码更加简洁,前者一般只有后者的

1/2 大小。对于一个大型网站来说,可

以节省大量带宽。并且支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是
IE7 或者是火狐,您的网站都能很好的兼容。
4:易于维护和改版

样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。你只要

简单的修改几个

CSS 文件就可以重新设计整个网站的页面。现在 YAHOO,MSN 等国际门户

网站,网易,新浪等国内门户网站,和主流的

WEB2.0 网站,均采用 DIV+CSS 的框架模式,

更加印证了

DIV+CSS 是大势所趋。

1.3. 新手学习 divcss,该如何入门?

学习任何东西都是一样,从小学、中学、大学,除了学习知识外就是去学习方法!要想

学好网页标准化布局,要先摈弃传统的

table 布局时形成的固定思维方式,用 div 布局,从

内容出发。而且必须要对

html 标签有很好的认识,起码见了要知道它怎么用,干什么的。因

为一个样式它是不可能脱离

HTML 页面的,HTML 不与样式结合的话, CSS 就失去了存在

的意义。接下来就是

css 了,必须能写出常用 css 的样式。

学习方式可以从网上找现在的教程或资料学,如本站的

CSS 网页布局初级入门教程和

DIV+CSS 网页设计视频教程,都是非常不错的教程,相信通过这一系列的学习,你就可以
很快入门了。

1.4. 使用什么软件来布局页面和编辑 css 呢?

关于这个问题,只要已经能达到会手写的程度,用什么软件都可以,比如记事本。对于

新手来说推荐使用

DreamWeaver、微软出的 FrontPage 的替代品 Microsoft Expression Web 或

TopStyle。

关于实例方面,可以从网上找些现在的例子学习。