漂亮的网页设计

http://www.cssremix.com/

web设计 blog 列表

免费 webdesign 设计模版

open web design

很多webstandards中文翻译文章

http://www.sharkui.com/

用Web标准进行开发

english

http://www.456bereastreet.com/lab/developing_with_web_standards

中文版

http://www.456bereastreet.com/lab/developing_with_web_standards/zh/

British design（for web standards and accessibility）

http://stuffandnonsense.co.uk/general/destinations.html

http://openwebdesign.org/

开源webdesign

提交符合xhtml站点

http://www.w3csites.com/

http://aleto.ch/

(x)html, dom, css, js and design

CSS 酷站

http://www.cssimport.com/

Dive into accessibility(en)

http://blog.guoshuang.com/david/guoshuangweb/2005chunjie/diveintoaccessibility-html.zip

中文版:(在 30 天内打造更具亲和力的网站)

http://www.soulogic.com/doc/dia/index.html

XHTML1.0 Element Attributes by DTD

http://www.blackwidows.org.uk/resources/tutorials/xhtml/attribute-comparison.html

G-P-L 翻译了很多 W3C 的好文章

http://neoone.51.net/blog/

中文： http://www.w3cn.org/

阿捷手册： guoshuangweb/ftp/w3cn1.0_gb2312.chm

http://www.w3cn.org/resource/links/2004/76.html 阿捷推荐的链接

这是一笔财富，485个与web标准有关的、受人喜爱的站点、文章和blog被收集在这里。Steve Smith和Shaun Inman完成了这个列表，因此获益的我们应该感谢他们！

English: http://www.htmldog.com/

http://www.csszengarden.com/

http://www.meyerweb.com/

http://www.dezwozhere.com/links.html 巨好！很多很全！

http://www.sitepoint.com/article/tables-vs-css

http://www.positioniseverything.net/

测试网页在不同系统 windows linux osx 等，不同浏览器(ie,opera,netscape,mozilla等)下的截屏表现

http://browsercam.com/

xhtml和css校验的链接

http://validator.w3.org/check/referer

http://jigsaw.w3.org/css-validator/validator?uri=http://www.w3cn.org

下载本地校验软件 http://www.arealvalidator.com/download/

中国xml论坛 新手必读（必看） http://bbs.xml.org.cn/dispbbs.asp?boardID=1&ID=431

xhtml1.1和CSS2.1 w3c定义

showlog.asp?cat_id=32&log_id=1507

优秀xhtml 学习站点推荐

showlog.asp?cat_id=31&log_id=1477

CSS 陈列馆 - 一网打尽

showlog.asp?cat_id=31&log_id=1319

推荐xhtml 学习网站

showlog.asp?cat_id=32&log_id=1368

Web 设计资源

showlog.asp?cat_id=31&log_id=764

很多入门的知识，翻译了一些上面htmldog的文章

http://www.x5.com.cn/

不断补充中…

为什么要抛弃HTML

作者：阿捷 2004-6-25 17:00:04

“为什么要抛弃HTML?”这个问题如果展开说又臭又长，我尽量简单吧：

HTML发展到今天存在三个主要缺点：

1.太简单。不能适应现在越多的网络设备和应用的需要。比如手机、PDA、信息家电都不能直接显示HTML。

2.太庞大。由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。显然在你的PDA上装一个IE6是不可能的。空间不够，运算也跟不上。

3.数据与表现混杂。这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。

你可能会说这些缺点对你现在都无所谓，不严重。但社会总在进步，技术总在发展，人们总希望工作越来越简单，越来越有效率。而网络设备的发展不会因为HTML的缺点而停止。笨重的台式电脑会被越来越多轻便小巧的设备替代。因此需要有一种新的语言，能够描述数据使所有的设备都能理解(这就产生了XML)；需要一种语言来控制表现，使数据在不同的设备上都正确显示(这就产生了XSl)。

也就是说，未来我们肯定会使用XML来转换数据，使用XSL来控制表现。那么现在呢？

现在，很明显，原有成千上万的HTML页面还需要正常工作，不可能一下抛弃。而且现在的浏览器还不能直接表现XML文档。即使以后能，现在怎么办？

于是W3C又制定了XHTML。XHTML是HTML向XML过度的一个桥梁。是一个引导人们逐步走向规范、走向XML的过渡方案。XHTML虽然有“X”但它并不能扩展，只是在HTML的基础上严格遵循XML规范。它学起来很简单，几乎没有什么新的知识。

而XSL呢，现在可以用CSS来实现XSL的一部分功能。

以上就是“为什么要抛弃HTML”的解答。可能说的不够全面，主要意思在了。

初学web标准的几个误区

作者：阿捷 2004-7-7 11:37:11

非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题，在这里特别提醒一下：

1.不是为了通过校验才标准化。

web标准的本意是实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。

W3C校验仅仅是帮助你检查XHTML代码的书写是否规范，CSS的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步，不是说通过的校验，我的网页就标准化了。我们不是为了虚名，或者向别人炫耀：“看我的页面通过了校验”而去标准化，我们的目的是为了使自己的网页设计工作更有效率，为了缩小网页尺寸，为了能够在任何浏览器和网络设备中正常浏览。

请大家沉下心来，仔细研究和理解web标准的内涵。网络上已经充满了不要浮躁和虚荣，请不要将这种风气带到web标准应用中来，这样做只会影响和损害web标准的推广。

2.不要用传统的表格思维来套div

“CSS布局就是将原来用table的地方用div来替代，原来是表格嵌套，现在是DIV嵌套。”这种观点是错误的！

请跳出原来表格布局的禁锢，抛弃一个td接一个td放置图片和内容的思维方式。我们上面说过web标准的目的是分离内容和表现，你可以这样思考，页面里有的仅仅是内容，没有修饰的情况下，它看上去就是一张白白的页面，上有一些文字和图片(这个图片是指内容中的图片，是有真实意义的图片)。这些文字图片仅仅是依次罗列下来，只有结构，没有任何样式。然后加入表现，将所有修饰的图片作为背景，用C SS来定义每一块内容的位置、字体、颜色等。

这样制作的页面才是内容与表现分离的，就是说，当你抽掉css文件，剩下的就是干净的内容。这样才能在文本浏览器中阅读，才能在手机、PDA中阅读，才能随时修改CSS实现改版。

3.不必为每块内容都建立一个id

有网友抱怨css文件太大、太复杂。仔细看他们的代码，发现原因是他们对每块内容、甚至每句话都定义一个div，建立一个ID。这一方面是对样式表应用的不熟悉，另一方面也表现出对web标准没有彻底理解。

我们知道内容都是有结构的(如果不明白，请阅读：理解表现和结构相分离 ),相同的结构的内容我们可以用同一个样式来定义，比如相同级别的标题、正文、图片。对于多次引用的样式可以用class来定义，不需要每个都用id；另外也不是说一定要用