剛開始接受WEB標準是在2004年的6月份，那時經典里有一些高手們正在討論一個新東西。當時叫什么我不清楚，反正不叫DIV+CSS，只是覺得挺有意思的，就進去看看。發現高手們談的不是很明白，當時自己HTML代碼都認識不全的，只會用DW(Dreamweaver簡寫，下同)。只是看看高手們發的一些國外的作品，覺得很漂亮。但是由于當時自己對HTML的不熟悉也并沒有立刻進入學習。但是開始了解WEB標準的一些優點了，而最吸引我的就是那種HTML不用動，只需要更新CSS就能把網站變成另一個樣子。我是個設計師，程序的美妙我是不能理解的，但是這個換膚的特性卻深深的吸引我了。

正式開始學習是在九月份的時候。我采用了局部應用法，也就是說網頁的大部分依然使用表格，只在局部采用CSS來定義樣式，通過這樣的方式我先了解了CSS的一些特性。但是只用了很少的CSS功能。也只局限于文字上的一些應用。對于布局，大面積的布局根本沒有涉及。正是由于這樣的局部應用法，提升了我的信心，并且幫助了我扎實了基本，因為那里我開始練習看HTML代碼了。

后來我已經不滿足于這種局部的應用了，所以我希望全局的應用，但是當時國內根本沒有什么相關的資料可查，有一些高手翻譯的文檔基本上還是理論層面上的，根本不起什么作用。但是這些問題并不大，因為我學習網頁就是從拆別人的網頁開始的，原來是在DW中拆可看到的格式，現在在記事本中拆代碼。我想問題不大，那里我就必需要找到一個全世界做得最好的WEB標準網站來拆，當時一直在看Dave Shea 的禪意花園的一些翻譯過來的中文資料，其中看到Dave非常推崇StopDesign的作者Douglas Bowman我想Dave這么推崇他，我想他的網站必然可以算是當時世界上最好的WEB標準站點了。事實上等我拆看他的代碼時發現，他真的非常牛。直到現在有很多代碼都是我所不能理解的。

榜樣找到了，下面就是拆了，想要把他的網站代碼下載下來沒問題，關健是怎么樣去分析。一開始我把他的代碼分成了兩個部分，一個是HTML結構，一個是CSS樣式。分別打印出來。一開始我先看的是他的HTML結構，他的HTML結構寫得非常的嚴謹，我現在的結構思路基本上是依據StopDesign結構改變的。主要是研究他是怎么劃分的，然后還研究了他的命名，我現在的命名與他的命名不一樣，我采用了一些編程人員使用的命名標準。能過研究HTML代碼絕對會讓你有很大的進步。這一步非常的重要。

當結構基本上懂了之后，就開始讀他的CSS代碼，一開始就是單純的讀CSS關鍵是看高手是怎么寫代碼的。并且不同的CSS文件之間的關系，以及一些CSS Hack的東西。但是單純的看是沒用的，還需要對應HTML來理解，不然根本不能完全理解CSS的作用。那要怎么樣對應HTML來理解呢。我的辦法還是一個字“拆”。怎么拆呢，我先把他們還原成為一個正常的樣式。然后為了弄明白一句CSS的意思，我就把這句CSS刪除然后看效果。如果刪除后還是沒出現預料的變化，那我就會再查找一下，倒底是怎么回事。有時還會自己去改動，設置來看效。也就是在這樣的拆拆改改中就基本上知道了WEB標準的一些技巧。

正在學習之中公司要去接個項目，是個政府項目。當時記得好像是十一月份了，為了拿到這個項目我開始用最迷人的換膚特性去引誘我的客戶，果然客戶被這種特性深深的吸引，并且我告訴他們，通過這種方式的構建在改版時可以節約大約百分之三十到百分之四十的費用。最終我們拿到了這個項目當然價格不菲，開發周期也破天荒的達到了兩個月之久。錢有了，時間也有了。下面我要做的就是如何為客戶實現這些，與是我開始了我非常大膽的舉動，我要用WEB標準來開發這個項目，于是我開始了結構的策劃，CSS的預想。依據設計稿，我不斷的修改原來的結構，不斷的修改CSS，同時還要應對IE5的瀏覽器，工作中也出現過解決不了的問題，最后我還去修改了設計稿。使之能更容易用WEB標準開發。

通過不斷的努力，我的第一個WEB標準的網站就這樣完成了，雖然沒辦法通過驗證，但是換膚的特性是絕對沒問題的，并且可以適合IE5~IE6，Firefox等瀏覽器。

以上是我從一無所知到基本掌握這樣技術的過程。雖然也有很多不是沒說清楚，但是有一點，學標準需要非常的毅力，因為你會遇到很多困難，有時你會覺得學不下去，但是要學會想辦法解決問題才能讓你學到更多的知識。希望以上的文字能讓大家有所收獲。

原文地址：http://www.andymao.com/andy/post/58.html