網頁學習階段、整站分析、規劃
03分鐘38秒網站目錄劃分、建立樣式表、JS檔案、ICO圖標
05分鐘52秒模組化搭建整站結構
03分鐘58秒模組化樣式思路、CSS3漸變、CSS3圓角
04分鐘14秒main下的模組樣式及廣告圓角製作
05分鐘04秒編寫佈局模組樣式、公共樣式擷取、樣式書寫規範
04分鐘04秒options模組化佈局、IE相容性問題的解決方式
06分鐘09秒修正IE6-7下margin-bottom失效的問題
06分鐘23秒製作city中的連結：陰影配合圓角的實現
製作header中link連結及css sprite合併原則
製作導航、導航背景合併及尺寸測試注意事項
search區域的導航製作
search區域搜尋框定位、表單元素樣式設定
CSS繪製三角形及定義三角形公用類
04分鐘27秒定義update區域JS結構與樣式、三角形公用類別的使用
製作video模組，模組高度精準定義的意義
定義公用標題、公用選項卡
製作HOT清單區域
可重用的tab結構
列表模組公用樣式擷取、3種私有模組樣式的製作方案
修復模組化程式碼之後，不同區塊之間的細微樣式差異
圖片清單模組化的製作
圖片清單模組化的製作
new-title模組化製作
activity區域定義結構及命名
日曆JS互動樣式設定
焦點圖JS互動效果樣式設定
清單高亮顯示JS互動效果樣式設置
04分鐘18秒格子排列JS交互效果樣式設置
切換搜尋框JS效果的實現
04分鐘20秒update文字彈性滑動JS效果的實現
options選項卡JS效果的實作以及頁面多個選項卡的重用
Fade焦點圖自動播放JS效果的實現
日曆提示JS效果與BBS高亮顯示JS效果的實現
03分鐘48秒HOT滑鼠半透明提示JS效果的實現
05分鐘51秒