经常被人问到“我想做一个XXX那样的网站，大概需要多少钱？”，我会说“看你什么需求了，几百元也可做一个网站，几十万也可做一个网站”，但是为什么会有这么大的差距？这些差距又体现在什么地方？究竟怎样去衡量一个网站做得好不好？这方面都有些什么行业标准以及指标？
下面以我的经验说说网页制作的有关标准及质量评估方法：
1.是否通过W3C的HTML和CSS校验
http://www.dw8.org dw专业网站
W3C是制定万维网相关标准的组织，是Web业界最权威的机构，通过W3C校验的网友有更好的浏览器兼容性，能够保证在大部分浏览器下不会出错。此外还有CSS校验。 http://www.dw8.org dw专业网站
2.是否采用XHTML http://www.dw8.org Dreamweaver cs3 专业网站
XHTML是比HTML更规范和严格的网页代码标准，采用XHTML标准的网页比老式的采用HTML标准的网页出错的机会少得多，但是前提是这个XHTML代码能完全通过W3C的校验。一些经验不足的网页设计师也使用XHTML标准，可是实际做出来的代码里面却有很多不符合XHTML标准的地方，这样的代码是无法通过W3C校验的。
3.能否兼容不同的操作系统 / 浏览器
http://www.dw8.org Dreamweaver 专业网站
包括在不同操作系统，不同浏览器组合的情况下网页都有完全一样的表现效果，布局定位准确，脚本不发生错误。由于浏览器及Web技术发展的一些历史问题，网页在不同浏览器下的兼容性问题尤其严重，很多在IE下看起来完美的网页，一到别的浏览器如Firefox就完全走了样，布局错位惨不忍睹，或者脚本无法运行，甚至带来安全问题。所以测试的时候应该使用多种不同的浏览器进行测试，另外不同的操作系统下的表现也有所差异（例如Windows，MacOS，Linux）。能不能很好地兼容不同的浏览器，这通常是衡量一个网页设计师制作水平的关键，一个初级的设计师，能够制作在一种浏览器下表现完美的网页，但却无法保证在其他浏览器下面都能正常工作，而资深的网页设计师则能制作出几乎在任何操作系统/浏览器下表现效果一样的网页。
4.能否照顾到大多数的分辨率设置 http://www.dw8.org dw专业网站
过去的很多网页，为了照顾使用800*600分辨率的用户，将页面宽度控制在800像素以内，但是这样在更高的分辨率下看起来页面会显得很小气。一些聪明的设计则能够使页面自动适应多种不同的分辨率，使页面无论在800*600，1024*768或1280*1024下看起来都有不错的效果。不同分辨率下的显示问题，并没有最佳的解决方法，有几种方案可供参考，例如固定宽度居中（一般设1000左右），这会“抛弃”还在使用800*600或以下分辨率的用户；采用可伸缩的网页设计方案，页面能够自动适应不同的宽度，这个方案的优势就是兼容更多的分辨率，但是劣势就是定位无法完全一致（因为基本上都是相对定位），同时对设计制作的要求比较高；或者就是针对不同的分辨率推出不同版本的网页，但这会增加很多成本。但是你的设计师有没有考虑过这个问题，可能他压根就没考虑过在某些分辨率下，这个框会变形，而那个图片会走到另一边之类的问题。 http://www.dw8.org Dreamweaver 专业网站
5.Div / Table 布局问题 http://www.dw8.org Dreamweaver 专业网站
其实对于最终用户来说，网页使用Div或是使用Table布局对他们影响不大。Div取代Table布局是趋势，因为Div能大大精简代码，从而加快网页下载速度，也能减少网页出错的几率。
http://www.dw8.org dw专业网站
6.代码精简 / 结构清晰 / 语义化标签
http://www.dw8.org Dreamweaver cs3 专业网站
一个漂亮的页面背后可能是冗长而复杂的代码，还可能充斥着很多不需要的垃圾代码。冗长而复杂的代码增加了网页出错的机会，增加了下载需要的时间。冗长的代码通常是一些程序（如Word,Dreamweaver）生成的，还有可能是别处Copy过来的整段代码，还有就是网页设计师经验不够，不会通过继承，缩写，默认属性等方式去精简代码。至于多余的代码则完全是垃圾，但是实际上你所看的很多漂亮网页背后80%以上都隐藏着不少垃圾。代码达人级的要求是：HTML里面的每一个字节都是有用的。语义化方面是指，能够善于语义化的标签去表示网页上的特定内容，例如标题用h1,h2等，粗体用strong，分割线用hr，列表用li等，用css来定义字体字号颜色等属性而不是使用font来定义。 http://www.dw8.org Dreamweaver cs3 专业网站
7.脚本 / 用户交互 / AJAX http://www.dw8.org Dreamweaver cs3 专业网站
通过一些浏览器端脚本来提高用户体验，例如表单提交前的表单验证，采用AJAX的无刷新提交等等。但是请注意确保这些脚本在大多数浏览器下都能运行，并且当用户的浏览器无法运行脚本的时候，提供可替代的方法。有些网站使用了大量的AJAX，但是一旦浏览器禁用了脚本，用户就什么都做不了，这样也是失败的。我的建议是，JavaScript只在有需要的时候使用，那种需要大量消耗用户浏览器资源的脚本绝对不能用。 http://www.dw8.org Dreamweaver cs3 专业网站
8.搜索引擎优化 / SEO
http://www.dw8.org dw专业网站
搜索引擎是网站流量的一个重要来源，所以网页是否面向搜索引擎友好同样非常重要，现在还有很多公司请专门的人为他们的网站做SEO，以提高自己网站在搜索某些关键字的排行，吸引更多的用户。在网页制作方面的SEO常用的策略有：1)注意标题，标题不要千篇一律。2)meta标签里面的keyword，description等。3)注意使用h1,h2,h3及strong等标签。4)良好的导航。搜索引擎优化在细节方面还有很多需要注意的地方，现在已经独立成一个产业，网上有很多的资料可以参考。 http://www.dw8.org Dreamweaver cs3 专业网站
9.对残障人士的可访问性 http://www.dw8.org Dreamweaver cs3 专业网站
这一条我放得比较后，在中国比较少人提到，但是在美国是有联邦法律（508条款）规定所有的网页必须可供残障人士访问。有关这个规定还有很多具体的细则。包括：网民可通过屏幕阅读机阅读页面上的文字（也就是说不能使用框架或者依赖JavaScript来输出内容，这跟面向搜索引擎友好是一致的），网页上的字体必须可以调节大小以供视力不良的人阅读等等。可通过这个在线工具测试你的网站是否符合可访问性原则。
10.整体风格 / 色调 / Flash动画等
这往往是很多人衡量一个网站是否“优秀”的唯一依据，我则把这点放在最后，因为风格，色调这些都是很主观的东西，有些人很喜欢华丽的界面，有些人则喜欢简洁的风格。这视乎美工的个人风格及他对该网站整体感觉的把握。有一些看起来非常漂亮的网站，实际 上的代码非常糟糕。至于Flash动画，那又是另一个产业了。全Flash的网站，效果很炫，可是缺点也不少。
http://www.dw8.org dw专业网站
这10条准则里面（其实是9条），第1，2条算是基本要求，第3，4，8，9条处理得好的话，可以令你的网站吸引更多的人访问，第5，6，7条可提高用户体验。当然并不需要也不可能全部都能满足到，例如浏览器分辨率这个，总要有所取舍。 http://www.dw8.org Dreamweaver cs3 专业网站
有关的在线验证 / 评估工具
http://www.dw8.org dw专业网站
如果你的网页未能通过验证，这些工具会告诉你原因并有具体的改进指导，对于提升网页的质量很有帮助。
W3C HTML / XHTML 验证：http://validator.w3.org/
http://www.dw8.org Dreamweaver cs3 专业网站
W3C CSS 验证：http://jigsaw.w3.org/css-validator/
http://www.dw8.org Dreamweaver cs3 专业网站
W3C链接检测工具：http://validator.w3.org/checklink
http://www.dw8.org Dreamweaver cs3 专业网站
Feed 验证：http://feedvalidator.org/
网页可访问性检查及建议：http://www.contentquality.com/fulloptions.asp