给大家带来关于DIV+CSS的开辟体例，我们也要听听别的的声响
目前我们的站就是div+css做的，美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.<P> 文：AndyBudd/译：JjgodJiang
译自AnObjectiveLookatTableBasedvs.CSSBasedDesign
我和作者的概念差未几.尺度好,可是一定有用.
以下是ZT文章:
经年以来，很多优异的文章都在嘉赞着基于CSS计划的优胜，哀叹着基于表格计划的消灭。但却很少有人换个角度想一想，也许是由于你得在懂得并使用了基于CSS的计划以后才能够品评它，而一旦懂得了以后，你又不肯意转头往用本来的老式计划办法了。
为了填补一下这类不屈衡，也由于在这场游戏中饰演一个年夜反派挺酷的，我决意写篇文章，说说为什么在某些情形下，传统的表格计划体例就算不比基于CSS的――大概说基于尺度的――计划体例好，也不比它们差。
1、妖魔化表格
表格呈现之前，Web本是个相称有趣的中央，恰是利用表格排版，才翻开了可视化的页面计划的新场合排场。表格关于Web和Web计划范畴提高的奉献究竟有多年夜也许有争议，但一旦分开表格，我们这些网页计划师们必会得到事情，倒是无庸置疑的。
最近几年来基于表格的计划的确被妖魔化了，Web纯化论者会告知你，表格对排版毫偶然义，因此你毫不能用到它。但是汗青证实，很多手艺一入手下手是为了完成某个方针计划的，却在其余范畴发明了更年夜的用处而年夜展技艺。就像Web自己，一入手下手不也只是为了共享研讨数据嘛，如今在文娱和贸易方面的使用却与信息与教导方面的不相上下了。
2、只为恬逸一点
Web计划师们多年以来都在利用表格排版页面，这是尽年夜部分计划师都已把握的才能。云云地利用表格能包管你取得料想的效果，经由过程一些复杂的hack，好比距离gif，我们几近必定能包管我们的站点在最普遍的Web扫瞄器上看起来都一样，从最低版本的Netscape4到Safari如许的古代扫瞄器。
只管前驱者们早已宣扬了很久Web尺度，年夜部分的网站仍是利用表格和不兼容尺度的代码开辟的，因而用户代办署理就不能不在很长一段工夫内撑持基于表格的排版体例。这关于Web尺度的卖点来讲，是个致命的冲击：尺度没有尺度应有的位置。不年夜大概会呈现上面这类情形，某个次要的扫瞄器厂商(唔，仍是说Microsoft)俄然公布了一个年夜部分网站都显现不了的扫瞄器。
以是网页计划者们总感到不到入手下手利用基于CSS排版和撑持尺度的代码的那种危急感和需要性。
3、下降门坎Web
恰是由于它的门坎低才云云乐成的：HTML是个复杂易学的言语，扫瞄器又能容忍很多标志凌乱的文档。这使在Web上公布内容变得难以相信地简单。即使你12岁的侄子也能用MicrosoftOffice中附带的Frontpage捣鼓出一个复杂的网站来。
基于表格的计划比之基于CSS的，固然CSS的语法很复杂，一般人城市批准：你没需要是火箭迷信家才干学会CSS。只管云云，个中有些观点仍是过于奇妙了，不容易了解。好比外表上看，Box模子很复杂，但我偶然仍是会在界限折叠(margincollapsing)上滑一跤，浮动(float)和扫除(clear)如许的观点也欠好了解，较难使用。以我的履历而言，从懂得CSS的基础观点到能自若地用CSS开辟站点，约莫必要走过一条为期6-12月的进修曲线。
然后是扫瞄器支不撑持的成绩。一旦你正式入手下手干活，就会渐渐懂得哪一个扫瞄器撑持甚么、不撑持甚么，和一些罕见的扫瞄器bug。惋惜bug太多了，就算“专家”们也难以估计本人花在修整bug上的工夫。对老手来讲就更让人气馁了，由于他们不晓得是由于本人曲解了CSS呢，仍是某些流畅的扫瞄器bug？大概这就是为什么一样的成绩几回再三呈现在CSS-Discuss等邮件列表上的缘故原由吧。
假如扫瞄器厂商们终能步伐分歧，用CSS开辟站点将会简单很多。但我仍是以为――年夜部分人也会批准――CSS开辟的门坎比基于表格的仍是太高了。换个说法，我以为这也申明了为什么基于CSS的计划在Web专家们之间云云盛行。这让他们把本人和那些专业的“Front-page牛仔”们辨别开来，让他们找回昔时Web只属于本人这个小群体时的感到。也许这正式因而，那末多人都把Web尺度看做不成触及的“象牙塔”，那末多Web尺度的宣传者却以狂热的立场，带着自卑感往对待网页计划。
4、有些器材仍是用表格来做更简单
我确信我们人人都曾发明，本人为了完成用表格做起来是小菜一碟的功效写了相称庞大的CSS。好比处置表单(form)的表面，外形再庞大奇异的表单也能用表格轻松弄定。你是能够用CSS的浮动元素完成相似的了局，但就贫苦多了。假如你是个CSSguru，这类贫苦也是康乐的事。可毫无疑问，假如你只是个一般人，另有个会掐住你的喉咙问你怎样做个小表单也花了这么久的老板，事变就不那末好玩了。
假如你有充足的常识，又有充足的耐烦，习气于用表格做的年夜部分事变仍是都能用CSS完成的。虽然说花的工夫长点吧，仍是有个限制的(大概被冲击得保持了实验)。关头是的确有些不管你怎样勉力，仍是没法完成的器材，个中一项即是页脚栏(pagefooter)。我经常见到来自悲观扫兴的CSS作者的贴子，他们试图创立那种能够粘在窗口底真个页脚栏，使即使谁人窗口没舒展到全部屏幕也能包管效果。假如用到了表格，要做出这类效果复杂得很，可独自用CSS来做就是另外一回事了。为何另有Web开辟者们不肯意用CSS？就是由于一旦不必表格，复杂的事变反而变庞大了。
5、夸张收益
有良多来由让你丢失落表格、往顺应基于CSS的排版，可在推进Web尺度的大水中，很多人夸张了收益。年夜的站点改用CSS排版的确能节俭很多带宽。可对年夜部分的其他站点来讲，受害小得庶几能够疏忽不计。
人人都但愿页面载进得更快，而尺度宣传者们也说CSS能帮你做到这一点。年夜多半站点的“计划”都是匀称散布在全部站点上的，但基于CSS的“计划”是放在一个到更多的文件中的。这些文件会很快变得很庞大、很年夜，即使一个小站点也是云云。我比来计划的一个站点用了4个款式表，加起来有12k之年夜(虽然说包含了空缺和正文)。利用CSS实际上是在先会合地载进然后再扫瞄，而不是把要载进的数据均匀散布到全部站点遍地。也就是说，比拟用表格排版，首页必要花更长的工夫来下载。只不外假如款式表已下载了，它们会被缓存起来而不必要从头下载。可究竟一个站点的首页是你最不但愿载进得那末慢的一页呀。
6、招徕客户
即使偶然网页计划者们以为把切合Web尺度搭售给客户是有需要的，但使人遗憾的现实是，年夜多半的客户对站点的代码优劣其实不在乎。我们一样平常用的是胡萝卜加年夜棒的体例，胡萝卜是诸如对搜刮引擎的友爱度之类，而年夜棒才是网页的亲和力(accessibility)。
确然，搜刮引擎是对照喜好语义化标志的页面，并且人人也都以为搜刮引擎喜好短小的代码，经由过程CSS和Web尺度来建构站点能够年夜年夜促进对搜刮引擎友爱的站点的开辟。但是没有银弹。很多基于表格的站点还是取得了很高的搜刮引擎排名。用CSS开辟的站点还是也大概只取得一个很糟的排名。高排名的关头是内容和来自别处的链接，而不是用表格仍是用CSS来排版。
别的关于使用客户对“亲和力”这个词的畏敬来搭售Web尺度出格是CSS计划，实在基于表格的计划没有甚么生成的亲和力缺点，表格只需线性化了，就成心义，内容也就具有亲和力了。现时的读屏器手艺已不错，并且年夜部分的读屏器都能很好的撑持基于表格的站点。固然你的站点的语法最好被认证经由过程AA亲和力品级，即使对更严厉的AAA品级，不必表格计划也不外是个倡议而已，并不是必备。
另外一个常常提到的受害是可让客户自力于计划供应商。在大家都按照尺度开辟的天下里，客户要换个开辟同伴是很简单的事变，新的开辟职员能够很快分明站点的构造布局，而不需趟过先前或人的标志泥塘。但这得要大批的计划供应商都精晓Web尺度才行。不幸的是，如今的情形并不是云云。固然履历丰厚的CSS开辟者在增加，但这仍是个绝对对照专业的范畴，因而，至公司要锁定在这类开辟体例上仍是对照有风险的――短少纯熟的开辟者。我团体的履历是假如一个构造要用CSS开辟站点，得临时坚持最少一个履历丰厚的计划师才够用。以是如今转向Web尺度不是下降了客户对开辟者的依附，而是增添了。
7、总结
毫无疑问地，Web尺度和基于CSS的计划是将来之路。可在我们奔向它们、宣传新手艺的过程当中，也会嫌疑本人宣传的器材是不是太夸大了。对照实际地做点器材却常常达不到我们的希冀。而教条地奉行这些极可能冷淡了我们最应当博得的同伴。
基于表格的计划还会存在好长一段工夫。要吸引开辟者，我们能够用实例来教人上手，并下降门坎。更别弄出新的门坎来了。我们得老实地无视好处和价值。开辟CSS站点大概对照坚苦、耗时，而在某些情形下用表格来排版比CSS成心义很多。
这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 学Dreamweaver技术的过程其实是一个增加信心的过程。 学Dreamweaver技术的过程其实是一个增加信心的过程。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。
页:
[1]