網路上常見的視覺動畫特效設計，如：圖片輪播效果、下拉式選單、燈箱效果…等，不是用Flash製作就是用JavaScript來實現；而近年手機上網的普及，iPhone與新型的Android手機已不再支援Flash，加上手機上的隱藏式或側欄式選單及互動效果，必須藉由程式去控制，趁此趨勢崛起的就是JavaScript，加上jQuery的出現，大大簡化語法撰寫。 
本課程雖是進入「程式」領域的基礎課程，但沒有一般程式設計課程艱深、難懂，讓完全沒有程式基礎的人，能夠以範例實作的方式，製作出效果驚艷的網頁動畫與視覺特效。 

單元一：連結方式與規則 
●認識JavaScript語法及設定方式 
●替網頁元件命名及命名規則（name、id） 
●函式的使用（function） 
●滑鼠事件控制（onmouseover、onmouseout、onclick） 

單元二：JavaScript 
●電子相簿製作（getElementById、var、if…else條件式） 
●圖片輪播效果（this、Number、setInterval、setTimeout計時器） 
●控制網頁樣式（style） 
●置換網頁樣式（className） 
●for迴圈設定 
●Array陣列應用 

單元三：JQuery 
●JQuery介紹與設定、CDN 
●JQuery動畫：show、fade、slide、animate 
●JQuery控制CSS與Class 
●認識物件層級與遍歷（DOM Tree與Traversing） 
●父層、同層與子層關係（parents與siblings與find） 
●條件設定與篩選（filter） 
●範例實作（1）：電子相簿效果、下拉式選單 
●範例實作（2）：隨網頁捲動的直式選單與按鈕（scrollTop） 
●範例實作（3）：手機側欄式選單、手機隱藏式選單 
●範例實作（4）：圖片輪播效果 
●範例實作（5）：燈箱效果（LightBox） 
●外掛程式（1）：Nivo-SlideShow 
●外掛程式（2）：fancyBox

郭嘉雯老師

經歷
資策會、台北市立體育學院－電腦外聘講師
行政院勞委會北區職業訓練中心、財團法人中華職業訓練中心、台北市職能發展學院、大亞電腦－電腦多媒體講師
中國多媒體協會、伊甸社會福利基金會‧影像處理講師
僑委會、連江縣教育局、華彩教育訓練－網站製作與設計講師
富邦銀行、天下趨勢－影像處理講師
北區扶輪社、天仁茗茶－美術設計

專長
影像處理方面：Photoshop、Illustrator、CorelDRAW、PhotoImpact
網頁設計方面：Dreamweaver、Flash、FrontPage
網頁語法方面：HTML、CSS、JavaScript、JQuery
影音處理方面：會聲會影、威力導演

著作
1.Photoshop 5.0影像魔法師
2.Div+CSS網頁版面設計‧隨手做SEO

專案作品
資策會-龍門課站、聯合報網站、研華科技網站、TDK網站、師大學務處網站