網頁前端設計師每個階段與能力都關係著作品的呈現與製作，這裡僅針對HTML、CSS、Javascript的等級區分來撰寫。

一顆星：

  • 網頁佈局為TABLE+CSS，僅以頁面排版順利為考量，沒有考慮程式套版邏輯，且沒有下註解供程式設計師參考。
  • CSS都寫在HTML的局部元素裡面。
  • 過度依賴網頁編輯軟體，導致對於HTML語法一知半解。
  • Javascript是什麼？能吃嗎？
  • 不曉得圖片格式的差異與使用時機(jpg、gif、png)。
  • 相容瀏覽器僅符合單一瀏覽器。

二顆星

  • 網頁佈局為TABLE+CSS，TABLE的數量也變得較少，且有和程式設計師合作經驗。
  • CSS寫在HTML裡的head的style標籤裡面。
  • 對於HTML已有一定的認知，並瞭解H1、2、3標題、ul li序列等等的實際運用。
  • 瞭解Javascript是網頁腳本的一種，且會用網頁編輯器的內建程式碼來做圖片變換與上網查詢小程式(線上流量、跑馬燈、禁右鍵)後，將功能程式碼貼到自己的網頁裡。
  • 瞭解什麼時候該使用gif、png等透明背景的圖片，且會用圖片處理軟體來將圖片大小壓到最低但畫面仍不失真。
  • 可相容大部分的瀏覽器，但不曉得該如何針對各瀏覽器來做細微的調整。

三顆星

  • 網頁佈局為DIV+CSS，但對於清除浮動、DIV定位、某些特定瀏覽器的常見BUG仍處於似懂非懂的理解狀態。
  • 瞭解該如何由外部匯入CSS來修改，而不是寫在HTML裡面。但對於該如何優化縮減自己的CSS數量仍還在逐步學習的階段。
  • 在HTML上已有相當的水平，可藉由CSS來讓HTML元素擁有更多變化。
  • 已些微看得懂Javascript碼，瞭解基本的dom操作。
  • 因瞭解css 的background的語法操作，故在切圖時，瞭解哪些圖片可使用重覆背景來呈現畫面。
  • 會使用css hack來解決特定瀏覽器的bug，且逐步學習該如何排版才能夠避免寫過多的css hack。

四顆星

  • 網頁佈局為DIV+CSS，對於BOX概念、清除浮動、各瀏覽器常見bug等等擁有相當的水準。
  • 瞭解該如何將css優化，在其排列與註解的整理上已相當成熟。並至少懂得一個以上的css framework的概念(960 Grid、Blueprint)。
  • 瞭解該如何使用最少的HTML+CSS碼來達成畫面的需求。
  • 至少懂得一個以上的Javascript framework的概念，並達成前端動態操作的網頁需求。 (yui、jquery)。
  • 瞭解Css sprites的概念，降低Http圖片請求數量。
  • 除了常見IE與Firefox瀏覽器外，對於其他台灣市佔率偏低的瀏覽器也可相容(google、safari、opera)，且開始逐步學習其他前端裝置的CSS相容。例：mobile、pda。

五顆星

  • 網頁佈局為DIV+CSS，擁有自身經驗培養出來的framework概念流程，以增進其開發效率。
  • CSS架構語義完善，(X)HTML+CSS可通過W3C標準。
  • 瞭解該如何架構自己的HTML，才可在SEO網頁排名更加優化。
  • 可降低Javascript數量，並視專案開發撰寫相關代碼。vascript數量，並視專案開發撰寫相關代碼。

資料來源：
網頁前端設計師的等級表