W3C規范大都專(zhuān)注于解決較高層的編碼及架構方面的問(wèn)題，但普通的網(wǎng)站設計師卻很少需要關(guān)心這些。即使這樣， W3C還是從20世紀90年中期發(fā)布標準化HTML版本開(kāi)始，陸續提供了一系列的規范。這一系列規范約束了發(fā)送給瀏覽器的HTML代碼，旨在以一種智能、易用并便于實(shí)現的方式解決瀏覽器之間的兼容性問(wèn)題。

W3C致力于推動(dòng)互聯(lián)網(wǎng)的發(fā)展。自1996年發(fā)布第一份規范開(kāi)始，W3C不停地挑戰著(zhù)現有的互聯(lián)網(wǎng)規則，并為很多種技術(shù)提供了規范的解決方案。

為什么是這些標準？

W3C工作組成員由很多不同背景的專(zhuān)業(yè)人士組成，這些專(zhuān)業(yè)人士聚集在一起，討論解決一些超前的、普通網(wǎng)站設計師永遠都不用關(guān)心的問(wèn)題。他們的目標就是提供一系列經(jīng)過(guò)深思熟慮的建議，這些建議為軟件開(kāi)發(fā)者和瀏覽器指明了發(fā)展的方向。若網(wǎng)站編寫(xiě)者和設計師遵從了這些建議，就可以保證其站點(diǎn)能夠在最多數的用戶(hù)代理（user agent）中正常顯示并正常使用。

這里的“用戶(hù)代理”就是瀏覽器。但普通的桌面瀏覽器僅僅是眾多“用戶(hù)代理”中的冰山一角而已。隨著(zhù)移動(dòng)設備（例如移動(dòng)電話(huà)）的迅速發(fā)展，越來(lái)越多的用戶(hù)不再被束縛在PC機前。而且，也不是所有的用戶(hù)都有能力用瀏覽器訪(fǎng)問(wèn)網(wǎng)站——因為有些用戶(hù)不能使用瀏覽器。例如，一些有特殊可訪(fǎng)問(wèn)性需求的視力不便的用戶(hù)可能需要借助屏幕閱讀器軟件、盲文設備或屏幕放大軟件等來(lái)幫助訪(fǎng)問(wèn)網(wǎng)站。

因為W3C創(chuàng )建這些規范的目的是改變20世紀90年代Web領(lǐng)域中的各種混亂的不兼容現象，所以很難為所有用戶(hù)代理制定出統一的網(wǎng)站規范?？紤]到這些，W3C發(fā)布了一系列的規范，包括HTML 4.01、XHTML、層疊樣式表（Cascading Style Sheets，CSS）和DOM等。

這些規范所包含的技術(shù)都是網(wǎng)站標準項目組織里的設計師和開(kāi)發(fā)者所希望看到的。遵從這些規范，我們就可以在保證網(wǎng)站支持大多數最廣泛的用戶(hù)代理的同時(shí)，也能夠對其布局進(jìn)行精確的控制（使用CSS），但這確實(shí)是一種與以往完全不同的網(wǎng)站創(chuàng )建方法。要讓設計師們相信學(xué)會(huì )CSS是他們最好的出路并不是件容易的事。新千年的頭幾年一直都在闡釋如何使用CSS。

當時(shí)，研究CSS的人們主要是程序設計師，這些程序設計師在如何從技術(shù)角度使用CSS方面非常精通，但他們的作品卻都略顯簡(jiǎn)單乏味，從藝術(shù)角度看，實(shí)在不敢恭維。而圖形設計師卻無(wú)法掌握使用CSS的精髓，因為當時(shí)并沒(méi)有什么出色的CSS設計作品可供參考。

播下種子

在2002年的晚些時(shí)候，Dave Shea開(kāi)始考慮這個(gè)問(wèn)題。對于那些有能力學(xué)會(huì )并用CSS做出漂亮效果的設計師來(lái)說(shuō)，這類(lèi)由程序員創(chuàng )建的平常之作又怎能引起他們的興趣呢？Shea同時(shí)具有程序設計和視覺(jué)藝術(shù)兩方面的背景，這也讓他堅信CSS有成為一門(mén)設計語(yǔ)言的潛質(zhì)。Shea同樣意識到，那些真正應該使用CSS的人們反而沒(méi)有在使用。于是他產(chǎn)生了這樣的想法：如果有一個(gè)網(wǎng)站，集合了大量的的優(yōu)秀CSS設計該多好啊。簡(jiǎn)單地搜集現有的資源用處不大——因為還沒(méi)有什么現成的，唯一的辦法就是鼓勵優(yōu)秀的設計師去創(chuàng )造全新的作品。就這樣，Shea在內心播下了禪意花園的種子。

先驅者

Web標準項目的創(chuàng )始人之一Jeffrey Zeldman在2002年發(fā)表了一篇文章，文中懇求那些已經(jīng)了解了基于Web標準設計的好處的人們暫時(shí)放棄“說(shuō)教”他人，而是去“使用”Web標準?！笆褂谩笔切麚P網(wǎng)站標準最有說(shuō)服力的武器，“展示而不是說(shuō)教”也成為這批Web標準擁護者的信條。

2002年，一個(gè)叫Chris Casciano的Web開(kāi)發(fā)者發(fā)起了一個(gè)名為Daily CSS Fun的項目。Casciano計劃在為期一個(gè)月的時(shí)間內，每天發(fā)布一個(gè)新版本的CSS文件，讓同一個(gè)HTML頁(yè)面呈現出完全不同的樣子。Casciano從未聲稱(chēng)過(guò)他是圖形設計師，但這個(gè)項目的結果卻異常引人注目——人們都紛紛嘆服于CSS也能實(shí)現如此特別的布局效果。

由于Netscape Navigator 4在當時(shí)還非常流行，且它對CSS的支持并不好，所以Casciano的這個(gè)項目也僅僅在理論上讓人贊嘆而已，離實(shí)際應用還有相當的距離。隨著(zhù)Netscape Navigator 4市場(chǎng)占有率的不斷下降，直到2003年IE開(kāi)始一統天下，CSS布局大行其道的日子似乎已經(jīng)指日可待。CSS的全面應用重新被提上了議事日程。

早期的想法

禪意花園的構思終于成熟，2003年5月，Shea發(fā)布了他的個(gè)人站點(diǎn)，很快又轉到了現在的域名之上。

備注

需要注意的是，所謂網(wǎng)站“標準”，并不是傳統意義上的“標準”——“網(wǎng)站標準”只是一種建議而已，并不是強制執行的規定。這一點(diǎn)在W3C的文檔中也有體現：文檔的名稱(chēng)都以“建議（Recommendation）”命名，而不是“標準（Standard）”。盡管如此，很多開(kāi)發(fā)者仍舊將其作為“標準”來(lái)遵守。

這些設計似乎顯得有些令人厭倦，因為它們都缺少了圖片修飾。背景圖片可以通過(guò)CSS的background-image屬性聲明，而作為內容的前景圖片則不能。若是使用了<img>標簽，則頁(yè)面就會(huì )喪失了靈活性：我們將不得不被限制于一些確定了的圖片中，無(wú)論CSS樣式如何變化，都不能改變這些已經(jīng)用<img>標簽定義了的圖片。但是，很多時(shí)候只使用背景圖片是不夠的，因為設計時(shí)所用的圖片往往用來(lái)修飾文本，也就是說(shuō)，這些圖片需要放置于文本的兩側，而不是作為背景和文字混在一起。顯然，只使用背景圖片還不能完全滿(mǎn)足這樣的設計要求。

Douglas Bowman在其文章“使用背景圖片來(lái)替換文本”中給出了一種權宜之計（這種解決方案目前已經(jīng)是聲名狼藉）：首先在頁(yè)面中將前景圖片和某些文本元素關(guān)聯(lián)起來(lái)，然后用圖片來(lái)代替原來(lái)的文本。使用CSS加上一些少量的額外標記，即可很容易地實(shí)現這個(gè)hack——與<img>標簽及其alt屬性的表現非常類(lèi)似。

2003年4月，禪意花園的計劃正式開(kāi)始了。設計者發(fā)布了一個(gè)單獨的HTML文件作為所有設計的基礎，隨著(zhù)這個(gè)HTML文件發(fā)布的還有5個(gè)初始設計。

禪意花園的影響

幾天之內，陸續有用戶(hù)開(kāi)始提交他們的設計：在站點(diǎn)發(fā)布的第一周里，每天就有成千上萬(wàn)個(gè)訪(fǎng)問(wèn)者到來(lái)。人們還志愿將禪意花園翻譯成數十種語(yǔ)言。很明顯，禪意花園的出現滿(mǎn)足了人們壓抑已久的對CSS設計方面的需求，這在當時(shí)沒(méi)有任何其他網(wǎng)站能夠做到。

自發(fā)布以來(lái)，禪意花園已經(jīng)出現在全球范圍內的數十種雜志、圖書(shū)中，鞏固了它在網(wǎng)站設計歷史上獨一無(wú)二的地位。感謝信更是從世界的各個(gè)角落紛至沓來(lái)，設計師和開(kāi)發(fā)者用禪意花園向他們的雇主、客戶(hù)以及同事證明了使用CSS進(jìn)行設計的優(yōu)勢。提交作品的設計師也由此聲名遠揚，禪意花園甚至推進(jìn)了他們的職業(yè)發(fā)展。

雖然創(chuàng )建和維護是由一個(gè)人完成的，但禪意花園在很大程度上是志愿者協(xié)作的結果——才華橫溢的設計師們貢獻給自己的作品，幫助它獲得成功。每個(gè)人都能在禪意花園中找到不同的價(jià)值。雖然創(chuàng )建禪意花園的本意是演示CSS在設計中的作用，但它同樣在很多當初沒(méi)有預料到的領(lǐng)域中給人們帶來(lái)了幫助。

□ 若是某位設計師正在被一個(gè)布局問(wèn)題所困擾，那么現在他有了尋求幫助的地方——禪意花園中有數百個(gè)不同的設計，他所遇到的問(wèn)題極有可能已經(jīng)被別人解決了。禪意花園允許并鼓勵人們學(xué)習它的CSS，并將其使用在其他站點(diǎn)上。

□ 類(lèi)似地，禪意花園中也不斷出現新的頁(yè)面布局技術(shù)及CSS效果。我們都有機會(huì )在數百個(gè)作品中找到一些新奇的東西。

□ 禪意花園還是一個(gè)絕佳的瀏覽器兼容性測試網(wǎng)站。其中所有的設計都使用有效的、基于標準的代碼編寫(xiě)，所以理論上這些設計應該能夠在所有瀏覽器中以一致的方式呈現出來(lái)。（當然實(shí)際上并非如此完美。由于某些瀏覽器的缺陷或對某些元素缺乏支持，大多數設計師都不得不考慮瀏覽器之間顯而易見(jiàn)的呈現差別，并使用多種CSS過(guò)濾器和hack來(lái)解決。）

□ 當你正嘗試說(shuō)服你的雇主或客戶(hù)使用網(wǎng)站標準設計頁(yè)面時(shí)，禪意花園就是一個(gè)極其令人信服的證明。

□ 當你靈感枯竭的時(shí)候，禪意花園中的設計或許能夠給你一些啟發(fā)。感覺(jué)江郎才盡了？來(lái)禪意花園逛逛吧，說(shuō)不定靈感就在不經(jīng)意之間出現了呢！

□ 禪意花園為經(jīng)驗豐富的專(zhuān)家和積極努力的設計師提供了一個(gè)良好的展示自我的平臺。雇主和潛在的客戶(hù)很愿意主動(dòng)聯(lián)系它們中意作品的設計師，提供工作或者合作機會(huì )。這些優(yōu)秀的作品也經(jīng)常出現在國際性的圖書(shū)和雜志中。

□ 禪意花園已成為教師和講師在教授當代網(wǎng)站設計實(shí)踐時(shí)的一個(gè)有力工具。