1-1 網頁學習階段、整站分析、規劃

1-2 網站目錄劃分、建立樣式表、JS檔案、ICO圖標

1-3 模組化搭建整站結構

1-4 模組化樣式思路、CSS3漸變、CSS3圓角

1-5 main下的模組樣式及廣告圓角製作

1-6 編寫佈局模組樣式、公共樣式擷取、樣式書寫規範

1-7 options模組化佈局、IE相容性問題的解決方式

1-8 修正IE6-7下margin-bottom失效的問題

1-9 製作city中的連結：陰影配合圓角的實現

1-10 製作header中link連結及css sprite合併原則

1-11 製作導航、導航背景合併及尺寸測試注意事項

1-12 search區域的導航製作

1-13 search區域搜尋框定位、表單元素樣式設定

1-14 CSS繪製三角形及定義三角形公用類

1-15 定義update區域JS結構與樣式、三角形公用類別的使用

1-16 製作video模組，模組高度精準定義的意義

1-17 定義公用標題、公用選項卡

1-18 製作HOT清單區域

1-19 可重用的tab結構

1-20 列表模組公用樣式擷取、3種私有模組樣式的製作方案

1-21 修復模組化程式碼之後，不同區塊之間的細微樣式差異

1-22 圖片清單模組化的製作

1-23 圖片清單模組化的製作

1-24 new-title模組化製作

1-25 activity區域定義結構及命名

1-26 日曆JS互動樣式設定

1-27 焦點圖JS互動效果樣式設定

1-28 清單高亮顯示JS互動效果樣式設置

1-29 格子排列JS交互效果樣式設置

1-30 切換搜尋框JS效果的實現

1-31 update文字彈性滑動JS效果的實現

1-32 options選項卡JS效果的實作以及頁面多個選項卡的重用

1-33 Fade焦點圖自動播放JS效果的實現

1-34 日曆提示JS效果與BBS高亮顯示JS效果的實現

1-35 HOT滑鼠半透明提示JS效果的實現