不良品教學內容
Photoshop、Illustrator、HTML、CSS、Javascript...等教學範例、講義下載...
課程錄影資料列表
課程錄影資料列表，內容包含平面設計、網頁設計、一般文書等課程內容...
關鍵字：課程錄影、Video
查看密碼
基本Javascript網頁設計，利用Javascript程式語言設定屬性setAttribute及滑鼠監聽語法，製作查看密碼功能...
關鍵字：網頁設計、Javascript、setAttribute、滑鼠監聽、查看密碼
圖片輪播製作
基本Javascript網頁圖片輪播設計，利用Javascript程式語言練習循環函數語法，製作一個網頁圖片輪播特效...
關鍵字：網頁設計、Javascript、圖片輪播、輪播、循環函數
Loading功能製作
Loading功能製作，使用remove()來製作簡易的網頁等待下載功能，加上CSS的關鍵影格來製作...
關鍵字：網頁設計、Javascript、Loading、移除元素、關鍵影格
經典Todo製作
經典Todo功能製作，利用createElement()生成元素，再使用remove()移除元素效果製作...
關鍵字：網頁設計、Javascript、生成元素、移除元素、經典Todo製作
知識金頭腦
與Rong老師合作設計的網頁遊戲，使用CSS來設計網頁樣式，再加上使用Javascript製作評分機制，創作出一個簡單的小遊戲...
關鍵字：網頁設計、RWD、Javascript、網頁遊戲、知識金頭腦
憂鬱症量表
使用Javascript製作憂鬱症量表，簡單的UI呈現，用Javascript做出類似動態網頁效果，來統計並分析受測者憂鬱數值狀況...
關鍵字：網頁設計、RWD、Javascript、憂鬱症量表
命運好好玩
與學生Renee Tsai合作設計出「命運好好玩」抽籤算命小遊戲，使用CSS製作出動畫及Javascript來設計出隨機抽出的籤詩...
關鍵字：網頁設計、RWD、Javascript、算命網站、命運好好玩
塔羅牌
使用Javascript製作簡易「塔羅牌算命網站」，簡單的UI呈現，用Javascript做出類似動態網頁效果，快來算算你的過去、現在、未來...
關鍵字：網頁設計、RWD、Javascript、塔羅牌
網頁模擬試題版型設計
使用Javascript實現純前端「網頁考試系統」，簡單的UI呈現，用Javascript做出類似動態網頁考試系統，完整包含考試答案保留、倒數計時...
關鍵字：網頁設計、RWD、Javascript、網頁考試系統