下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排 行 榜 | 国产软件 | 国外软件 | 汉化补丁 |
文章搜索: 分类 关键字 收藏本站设为首页
您的位置:首页网页制作网页制作 → 表格对决CSS--一场生死之战__教程
表格对决CSS--一场生死之战__教程
日期:2007-1-6 11:10:53 人气:95     [ ]
上一页 [1] [2] [3] [4] 下一页

结论

基于表格的设计

我用各种能找到的浏览器来测试页面,包括linux、windows和Macintosh平台的浏览器。表格布局的页面在不同浏览器中看上去都一样。"它象岩石一样坚固",这是给表格布局的第一评价。

然而,当需要修改页面部分内容时,表格布局改起来相当费力。这是一个问题,如果我们使用CMS(内容管理系统),内容需要被格式化就比较麻烦。

整个设计时间有点长,是因为我已经有点遗忘了老方法,如果重新再来一次,我想可能会节省1-2个小时。

我形容基于表格的设计是大量"老土的(grunt work)"工作,虽然我经常吃惊于那些高级设计技巧。使用基于纯CSS的设计,我通常习惯于分解设计和逐步分析bug。而用表格设计则不需要这些工作,你只要不断往设计里面扔table就可以了。让我们再来看看CSS的过程。

基于CSS的设计

用CSS设计的感觉好多了。代码的改变直接而透明,我能清楚得控制整个过程,反观表格的设计就象在垒砖头。页面的改变越大,越感到CSS设计的方便和效率。

CSS设计对节省带宽也非常有意义,将所有样式提取出来放在单独的文件中,整个站点用一个或几个样式表文件,可以使整个站点尺寸更小。

将布局信息从内容中分离出来,也有许多的好处。在将来,我可以随时改版整个站点而不需要修改任何内容,就象CSS Zen Garden 。同时也增加了易用性,搜索机器人将更加方便发现你的页面(记住:google是你最重要的访客来源)。

在制作完毕,我同样在不同平台不同浏览器上进行测试。IE5.5和IE6.0表现完美。IE5.0上出现了错误,菜单和一些缩进失效,错位的页头效果看下面图片:

Ie5.0上的错误

好无疑问这个bug可以被修复,但是考虑到这篇文章的主题范围,我不展开讲了。如果这是一个真实的客户项目,我肯定不能牺牲I E5.0的用户。在更老一点的浏览器中,CSS的设计表现得一团糟。

IE4

在IE4中的错误情况

Netscape 4.7x

在Netscape4.7中的错误情况

如果对不支持CSS的浏览器做一些代码处理(例如对Netscape用@import)看上去会好一些。

尽管当你熟悉基于CSS的设计后工作效率非常高,但是之前你必须花费大量的时间学习规则、盒模型的不同、浏览器的处理技巧以及许多的理论,并需要不断的实践来掌握。简而言之,CSS比tables更简单,但如果你想使用纯CSS设计,请准备投资大量的时间学习。即使你是一位经验老到的开发高手,也要准备好应对各种bug,有时候处理一个bug会花费几个小时。

胜者

CSS和基于web标准的设计胜出。只要看看两种方法的代码就足以做出选择了。CSS提供了更多的好处(主要在易用性方面)。其实根本的原因是我的懒惰。如果用表格设计,客户一年后联系我说需要改版,我可能会告诉他我参军了,正在国外某个乡村。如果我使用的是CSS,我将毫不思索地为客户改版,因为我不需要全部推翻重来。

出处:本站原创 作者:佚名
 阅读排行
01.精美qq空间横幅代码
02.最酷qq个性女生网名
03.最新又有免费QQ秀啦《..
04.巧用透明FlaSh扮靓你的..
05.花之神匠代码(最新代码..
06.最新QQ空间免费导航
07.最新免费个人形象设置..
08.最新qq空间flash代码m..
09.CSS技术结合图像实现动..
10.Photoshop光影魔术师:..
11.QQ音速种子狂刷
12.最新QQ空间透明代码
13.PS实例教程:教你制作结..
14.Photoshop光影魔术师:..
15.制作背景图__教程
16.用Photoshop制作漂亮的..
17.如何获得QQ音速种子
18.≤QQ空间代码≥在日志..
19.网页浮动广告的制作代..
20.用Photoshop制作大红灯..
21.常用CSS
22.Photoshop给靓丽美女打..
 推荐文章
·Photoshop 表现技法之..
·快速将你的相片矢量化..
·PHOTOSHOP制作炽热的太..
·用Photoshop制作美丽的..
·流行杀手的娃娃工厂__..
·打造8号台球__教程
·PHOTOSHOP制作待机MM图..
·用Photoshop帮MM做纹身..
·PHOTOSHOP美眉着色绝招..
·PHOTOSHOP花露的制作_..
·PHOTOSHOP渐变工具的巧..
·PHOTOSHOP手绘奥兰多-..
·高难度抠图两种方法__..
·Photoshop高尔夫球的制..
·Photoshop打造精美玉佩..
Eqxia_COM下载站 版权所有 Copyright© 2001-2005 Www.eqxia.COM, All Rights Reserved.