網頁前端設計師的等級表

　來看看自己的等級在哪，這裡僅針對HTML、CSS、Javascript的等級區分來撰寫。同時也是自己成長的過程，提供大家參考。有問題可以再留言交流 J

一顆星：

1、網頁佈局為TABLE+CSS，僅以頁面排版順利為考量，沒有考慮程式套版邏輯，且沒有下注解供程式設計師參考。

2、CSS都寫在HTML的局部元素裡面。

3、過度依賴網頁編輯軟體，導致對於HTML語法一知半解。

4、Javascript是什麼？能吃嗎？

5、不曉得圖片格式的差異與使用時機(jpg、gif、png)。

6、相容瀏覽器僅符合單一瀏覽器。

二顆星

1、網頁佈局為TABLE+CSS，TABLE的數量也變得較少，且有和程式設計師合作經驗。

2、CSS寫在HTML裡的head的style標籤裡面。

3、對於HTML已有一定的認知，並了解H1、2、3標題、ul li序列等等的實際運用。

4、了解Javascript是網頁腳本的一種，且會用網頁編輯器的內建程式碼來做圖片變換與上網查詢小程式(線上流量、跑馬燈、禁右鍵)後，將功能程式碼貼到自己的網頁裡。

5、了解什麼時候該使用gif、png等透明背景的圖片，且會用圖片處理軟體來將圖片大小壓到最低但畫面仍不失真。

6、可相容大部分的瀏覽器，但不曉得該如何針對各瀏覽器來做細微的調整。

三顆星

1、網頁佈局為DIV+CSS，但對於清除浮動、DIV定位、某些特定瀏覽器的常見BUG仍處於似懂非懂的理解狀態。

2、了解該如何由外部匯入CSS來修改，而不是寫在HTML裡面。但對於該如何優化縮減自己的CSS數量仍還在逐步學習的階段。

3、在HTML上已有相當的水平，可藉由CSS來讓HTML元素擁有更多變化。

4、已些微看得懂Javascript碼，了解基本的dom操作。

5、因了解css 的background的語法操作，故在切圖時，了解哪些圖片可使用重覆背景來呈現畫面。

6、會使用css hack來解決特定瀏覽器的bug，且逐步學習該如何排版才能夠避免寫過多的css hack。

四顆星

1、網頁佈局為DIV+CSS，對於BOX概念、清除浮動、各瀏覽器常見bug等等擁有相當的水準。

2、了解該如何將css優化，在其排列與註解的整理上已相當成熟。並至少懂得一個以上的css framework的概念(960 Grid、Blueprint)。

3、了解該如何使用最少的HTML+CSS碼來達成畫面的需求。

4、至少懂得一個以上的Javascript framework的概念，並達成前端動態操作的網頁需求。 (yui、jquery)。

5、了解Css sprites的概念，降低Http圖片請求數量。

6、除了常見IE與Firefox瀏覽器外，對於其他台灣市佔率偏低的瀏覽器也可相容(google、safari、opera)，且開始逐步學習其他前端裝置的CSS相容。例：mobile、pda。

五顆星

1、網頁佈局為DIV+CSS，擁有自身經驗培養出來的framework概念流程，以增進其開發效率。

2、CSS架構語義完善，(X)HTML+CSS可通過W3C標準。

3、了解該如何架構自己的HTML，才可在SEO網頁排名更加優化。

4、可降低Javascript數量，並視專案開發撰寫相關代碼。