新手如何系統的學習Web標準？_Web標準教程

如果你還不知道 Web 標準是什么，那么我給一個定義：從 05 年開始才在中國流行起來的一種做網頁的方式，并且現在保持著一定的熱度。新浪、網易這兩大門戶網站的首頁都是標準的（或接近標準）。我這么定義，是說作為一個新銳的網頁設計師，如果你現在還不知道 Web 標準，那么你即將被歷史淘汰了。

很多人不知道怎么系統的學習 Web 標準。不用緊張，其實大家都一樣。而且大部分人都是東一點西一點學起來的。普遍的觀點是，如果你有網頁制作的基礎，即會使用 table 或利用 DW 等工具制作網頁，那么 2 周時間可以入門 Web 標準，到基本熟練程度大約需要 1-3 個月。

有了以上這些初步的概念，現在回到本文的主題上來。

學習 Web 標準最快速有效的辦法是實踐。但是，這并不意味著你今天會做一個頁面了你明天就會做其他頁面，不同頁面間的差別很大。我的建議是，通過從小到大的實踐來學習 Web 標準。從小到大，從局部到整體。并且 (X)HTML 和 CSS 同等重要！不要只學了 CSS，尤其是只學習那些丑陋的 hacks（用來解決不同瀏覽器的兼容性問題）。hacks 要學，但是點到即止，不要本末倒置。

從小到大的實踐，比如：

從兩行文字到一個段落到一個章節到整篇文章（比如你自己的 Blog）；

學習表單的 (X)HTML 和樣式化；比如先學習登陸框的做法；在學習注冊表單的做法；

學習自己動手制作一些簡單頁面，比如 Google 的首頁，然后再做搜索結果頁；

另外，最好有外力推動，比如金錢、女人…（笑）。

從局部做起可以減少學習過程中的挫折感，并且可以通過小的細節培養觀察力。系統的學習可以放到以后再做，這就像讀書一樣，過早的系統化學習并不一定就好。總是先有零星的點，然后成線，最后形成知識面。

注1. 我寫的盡量簡短，以方便閱讀。本文所提及的 Web 標準，如沒有特別說明，均指 (X)HTML + CSS。（Web 標準的含義應當更寬泛）

注2. 我有一個“壞”習慣，寧可用 table 也不用 hacks。