[edit] 設計網站靜態樣版圖

• 設計前言
• 風格
• 佈局擴充性
• 尺寸大有關係
• 固定與彈性版面
• 樣版繪製流程

[edit] 網頁版面編排原則

• 各式排版法的利與弊
• 九宮格表格式排版法
• 多欄區塊排版
• 巢狀區塊排版法
• 圖層魔法(固定、浮動、相對)
• 圖片、背景圖片定位
• ID與CLASS
• 滑鼠事件的四相變化
• CSS實戰魔法

[edit] Smarty樣版引擎應用簡介

• 應用簡介
• 常用技法
• 實作範例

[edit] xt:Commerce樣版實作

• 準備作業
  • 大體分割
  • 區塊細節分割
  • 圖檔分類歸納
  • 主樣版html試作與規劃
• 主樣版實作
  • 主樣版檔
  • 樣式表
  • 畫面特效
• 中央內容區塊
  • 最新商品
  • 熱門商品
  • 特價商品
  • 即將上市商品
• 功能區塊實作
  • 區塊架構
  • 會員登入
  • 管理員資訊
  • 暢銷商品
  • 購物車
  • 商品目錄
  • 服務台
  • 登入
  • 廠商
  • 訂購記錄
  • 其它(未被介紹的區塊、導覽列)
• 商品分類列表及內容實作
  • 商品目錄
  • 商品列表
  • 商品內容
  • 商品選項
• 帳號管理實作
  • 登入
  • 登出
  • 帳號管理編輯
  • 購物記錄
• 購物流程實作
  • 購物車內容
  • 選擇出貨方式
  • 選擇付款方式
  • 訂單最後確認
  • 完成訂購
• 內容管理
  • 內容管理簡介
  • 系統預設
• 商品上架美編
  • FCK Editor所見即所得編輯器
  • JSON語法架構
  • 套用樣式表
• Banner 廣告橫幅設計
• 電子報設計及發送
• e-mail樣版設計
• 按鈕及小元件設計

[edit] AJAX

• 應用簡介
• 初始設定
• 視覺特效
• 樣版整合

[edit] 附錄

• 搞清楚路徑關係
• 瀏覽器差異比較
• CSS常用語法
• 樣版設計常見問與答
• 使用工具簡介