W3C規(guī)范大都專注于解決較高層的編碼及架構方面的問題,但普通的網(wǎng)站設計師卻很少需要關心這些。即使這樣, W3C還是從20世紀90年中期發(fā)布標準化HTML版本開始,陸續(xù)提供了一系列的規(guī)范。這一系列規(guī)范約束了發(fā)送給瀏覽器的HTML代碼,旨在以一種智能、易用并便于實現(xiàn)的方式解決瀏覽器之間的兼容性問題。
W3C致力于推動互聯(lián)網(wǎng)的發(fā)展。自1996年發(fā)布第一份規(guī)范開始,W3C不停地挑戰(zhàn)著現(xiàn)有的互聯(lián)網(wǎng)規(guī)則,并為很多種技術提供了規(guī)范的解決方案。
為什么是這些標準?
W3C工作組成員由很多不同背景的專業(yè)人士組成,這些專業(yè)人士聚集在一起,討論解決一些超前的、普通網(wǎng)站設計師永遠都不用關心的問題。他們的目標就是提供一系列經(jīng)過深思熟慮的建議,這些建議為軟件開發(fā)者和瀏覽器指明了發(fā)展的方向。若網(wǎng)站編寫者和設計師遵從了這些建議,就可以保證其站點能夠在最多數(shù)的用戶代理(user agent)中正常顯示并正常使用。
這里的“用戶代理”就是瀏覽器。但普通的桌面瀏覽器僅僅是眾多“用戶代理”中的冰山一角而已。隨著移動設備(例如移動電話)的迅速發(fā)展,越來越多的用戶不再被束縛在PC機前。而且,也不是所有的用戶都有能力用瀏覽器訪問網(wǎng)站——因為有些用戶不能使用瀏覽器。例如,一些有特殊可訪問性需求的視力不便的用戶可能需要借助屏幕閱讀器軟件、盲文設備或屏幕放大軟件等來幫助訪問網(wǎng)站。
因為W3C創(chuàng)建這些規(guī)范的目的是改變20世紀90年代Web領域中的各種混亂的不兼容現(xiàn)象,所以很難為所有用戶代理制定出統(tǒng)一的網(wǎng)站規(guī)范??紤]到這些,W3C發(fā)布了一系列的規(guī)范,包括HTML 4.01、XHTML、層疊樣式表(Cascading Style Sheets,CSS)和DOM等。
這些規(guī)范所包含的技術都是網(wǎng)站標準項目組織里的設計師和開發(fā)者所希望看到的。遵從這些規(guī)范,我們就可以在保證網(wǎng)站支持大多數(shù)最廣泛的用戶代理的同時,也能夠對其布局進行精確的控制(使用CSS),但這確實是一種與以往完全不同的網(wǎng)站創(chuàng)建方法。要讓設計師們相信學會CSS是他們最好的出路并不是件容易的事。新千年的頭幾年一直都在闡釋如何使用CSS。
當時,研究CSS的人們主要是程序設計師,這些程序設計師在如何從技術角度使用CSS方面非常精通,但他們的作品卻都略顯簡單乏味,從藝術角度看,實在不敢恭維。而圖形設計師卻無法掌握使用CSS的精髓,因為當時并沒有什么出色的CSS設計作品可供參考。
播下種子
在2002年的晚些時候,Dave Shea開始考慮這個問題。對于那些有能力學會并用CSS做出漂亮效果的設計師來說,這類由程序員創(chuàng)建的平常之作又怎能引起他們的興趣呢?Shea同時具有程序設計和視覺藝術兩方面的背景,這也讓他堅信CSS有成為一門設計語言的潛質。Shea同樣意識到,那些真正應該使用CSS的人們反而沒有在使用。于是他產(chǎn)生了這樣的想法:如果有一個網(wǎng)站,集合了大量的的優(yōu)秀CSS設計該多好啊。簡單地搜集現(xiàn)有的資源用處不大——因為還沒有什么現(xiàn)成的,唯一的辦法就是鼓勵優(yōu)秀的設計師去創(chuàng)造全新的作品。就這樣,Shea在內心播下了禪意花園的種子。
先驅者
Web標準項目的創(chuàng)始人之一Jeffrey Zeldman在2002年發(fā)表了一篇文章,文中懇求那些已經(jīng)了解了基于Web標準設計的好處的人們暫時放棄“說教”他人,而是去“使用”Web標準?!笆褂谩笔切麚P網(wǎng)站標準最有說服力的武器,“展示而不是說教”也成為這批Web標準擁護者的信條。
2002年,一個叫Chris Casciano的Web開發(fā)者發(fā)起了一個名為Daily CSS Fun的項目。Casciano計劃在為期一個月的時間內,每天發(fā)布一個新版本的CSS文件,讓同一個HTML頁面呈現(xiàn)出完全不同的樣子。Casciano從未聲稱過他是圖形設計師,但這個項目的結果卻異常引人注目——人們都紛紛嘆服于CSS也能實現(xiàn)如此特別的布局效果。
由于Netscape Navigator 4在當時還非常流行,且它對CSS的支持并不好,所以Casciano的這個項目也僅僅在理論上讓人贊嘆而已,離實際應用還有相當?shù)木嚯x。隨著Netscape Navigator 4市場占有率的不斷下降,直到2003年IE開始一統(tǒng)天下,CSS布局大行其道的日子似乎已經(jīng)指日可待。CSS的全面應用重新被提上了議事日程。
早期的想法
禪意花園的構思終于成熟,2003年5月,Shea發(fā)布了他的個人站點,很快又轉到了現(xiàn)在的域名之上。
備注
需要注意的是,所謂網(wǎng)站“標準”,并不是傳統(tǒng)意義上的“標準”——“網(wǎng)站標準”只是一種建議而已,并不是強制執(zhí)行的規(guī)定。這一點在W3C的文檔中也有體現(xiàn):文檔的名稱都以“建議(Recommendation)”命名,而不是“標準(Standard)”。盡管如此,很多開發(fā)者仍舊將其作為“標準”來遵守。
這些設計似乎顯得有些令人厭倦,因為它們都缺少了圖片修飾。背景圖片可以通過CSS的background-image屬性聲明,而作為內容的前景圖片則不能。若是使用了<img>標簽,則頁面就會喪失了靈活性:我們將不得不被限制于一些確定了的圖片中,無論CSS樣式如何變化,都不能改變這些已經(jīng)用<img>標簽定義了的圖片。但是,很多時候只使用背景圖片是不夠的,因為設計時所用的圖片往往用來修飾文本,也就是說,這些圖片需要放置于文本的兩側,而不是作為背景和文字混在一起。顯然,只使用背景圖片還不能完全滿足這樣的設計要求。
Douglas Bowman在其文章“使用背景圖片來替換文本”中給出了一種權宜之計(這種解決方案目前已經(jīng)是聲名狼藉):首先在頁面中將前景圖片和某些文本元素關聯(lián)起來,然后用圖片來代替原來的文本。使用CSS加上一些少量的額外標記,即可很容易地實現(xiàn)這個hack——與<img>標簽及其alt屬性的表現(xiàn)非常類似。
2003年4月,禪意花園的計劃正式開始了。設計者發(fā)布了一個單獨的HTML文件作為所有設計的基礎,隨著這個HTML文件發(fā)布的還有5個初始設計。
禪意花園的影響
幾天之內,陸續(xù)有用戶開始提交他們的設計:在站點發(fā)布的第一周里,每天就有成千上萬個訪問者到來。人們還志愿將禪意花園翻譯成數(shù)十種語言。很明顯,禪意花園的出現(xiàn)滿足了人們壓抑已久的對CSS設計方面的需求,這在當時沒有任何其他網(wǎng)站能夠做到。
自發(fā)布以來,禪意花園已經(jīng)出現(xiàn)在全球范圍內的數(shù)十種雜志、圖書中,鞏固了它在網(wǎng)站設計歷史上獨一無二的地位。感謝信更是從世界的各個角落紛至沓來,設計師和開發(fā)者用禪意花園向他們的雇主、客戶以及同事證明了使用CSS進行設計的優(yōu)勢。提交作品的設計師也由此聲名遠揚,禪意花園甚至推進了他們的職業(yè)發(fā)展。
雖然創(chuàng)建和維護是由一個人完成的,但禪意花園在很大程度上是志愿者協(xié)作的結果——才華橫溢的設計師們貢獻給自己的作品,幫助它獲得成功。每個人都能在禪意花園中找到不同的價值。雖然創(chuàng)建禪意花園的本意是演示CSS在設計中的作用,但它同樣在很多當初沒有預料到的領域中給人們帶來了幫助。
□ 若是某位設計師正在被一個布局問題所困擾,那么現(xiàn)在他有了尋求幫助的地方——禪意花園中有數(shù)百個不同的設計,他所遇到的問題極有可能已經(jīng)被別人解決了。禪意花園允許并鼓勵人們學習它的CSS,并將其使用在其他站點上。
□ 類似地,禪意花園中也不斷出現(xiàn)新的頁面布局技術及CSS效果。我們都有機會在數(shù)百個作品中找到一些新奇的東西。
□ 禪意花園還是一個絕佳的瀏覽器兼容性測試網(wǎng)站。其中所有的設計都使用有效的、基于標準的代碼編寫,所以理論上這些設計應該能夠在所有瀏覽器中以一致的方式呈現(xiàn)出來。(當然實際上并非如此完美。由于某些瀏覽器的缺陷或對某些元素缺乏支持,大多數(shù)設計師都不得不考慮瀏覽器之間顯而易見的呈現(xiàn)差別,并使用多種CSS過濾器和hack來解決。)
□ 當你正嘗試說服你的雇主或客戶使用網(wǎng)站標準設計頁面時,禪意花園就是一個極其令人信服的證明。
□ 當你靈感枯竭的時候,禪意花園中的設計或許能夠給你一些啟發(fā)。感覺江郎才盡了?來禪意花園逛逛吧,說不定靈感就在不經(jīng)意之間出現(xiàn)了呢!
□ 禪意花園為經(jīng)驗豐富的專家和積極努力的設計師提供了一個良好的展示自我的平臺。雇主和潛在的客戶很愿意主動聯(lián)系它們中意作品的設計師,提供工作或者合作機會。這些優(yōu)秀的作品也經(jīng)常出現(xiàn)在國際性的圖書和雜志中。
□ 禪意花園已成為教師和講師在教授當代網(wǎng)站設計實踐時的一個有力工具。