！！JavaScript + jQuery 動態網頁設計入門 【網頁設計大補帖系列課程】！！
網路上常見的一些炫麗的視覺動畫特效設計，如：廣告輪播動畫效果、電子相簿、下拉式選單、燈箱效果、滑動式選單、視差滾動…等，不是用Flash製作就是用JavaScript來實現。
而近年手機上網的普及，iPhone與新型的Android手機皆已不再支援Flash的需求，而趁此趨勢崛起的就是JavaScript，加上jQuery的出現，大大簡化語法撰寫，無疑助長JS快速竄起而成為當紅炸子雞。
本課程雖是進入「程式」領域的基礎課程，但沒有一般程式設計課程那樣的艱深、難懂，讓完全沒有程式基礎的人，能夠以範例實作的方式，一步一步利用寫語法的方式，卻能製作出效果驚艷的網頁動畫與視覺特效。
此課程專為網頁美術設計師或是App入門者或有意學習JS程式基礎者而量身訂制的，讓網頁美術設計師晉升至網頁前端工程師，讓App工程師打好基礎底子，讓您製作出來的網頁或手機版網頁、App，能夠令人耳目一新。
Lesson 1：
1.認識JavaScript語法及設定方式
2.彈出式視窗（window元件控制）
3.滑鼠事件控制（onmouseover、onmouseout、onclick）
4.替網頁元件命名及命名規則（name、id）
5.函式的使用（function）
Lesson 2：
1.電子相簿製作（getElementById、var、if…else條件式）
2.置換式文字廣告效果（this）
3.圖片切換效果（Number）
Lesson 3：
1.廣告輪播動畫效果（setInterval、setTimeout計時器）
2.公佈欄製作：開新視窗（window元件控制）
3.視窗解析度偵測：偵測視窗（window元件控制）
4.拍賣網常見效果：置換不同顏色的同款衣服照片
Lesson 1：
1.控制網頁樣式（控制css效果）
2.置換網頁樣式（className）
3.下拉隱藏式廣告（substr字串擷取）
4.下拉式選單
Lesson 5：
1.標籤式選單
2.for迴圈設定
3.大量服飾廣告製作
4.語法簡化與效能提昇的技巧
Lesson 6：
1.切換式廣告：Array陣列應用
2.jQuery介紹與設定
3.Google資源介紹與應用
4.jQuery動畫設定：show、fade、slide
Lesson 7：
1.jQuery屬性設定與簡化技巧
2.jQuery控制指令與動畫指令
3.jQuery控制CSS與Class
Lesson 8：
1.jQuery範例：選單式橫幅廣告動畫
2.jQuery範例：動畫式下拉式選單
3.jQuery範例：動畫製作（animate）
Lesson 9：
1.jQuery範例：隨網頁捲動的直式選單（scrollTop）
2.jQuery範例：隱藏式動態選單
3.jQuery範例：隱藏式動態廣告效果（Google商店廣告效果）
Lesson 10：
1.認識物件層級與遍歷（DOM Tree與Traversing）
2.父層、同層與子層關係（parents與siblings與find）
3.條件設定與篩選（filter）
4.jQuery範例：彈跳式按鈕橫式選單
Lesson 11：
1.jQuery範例：橫幅式左右捲動廣告
2.jQuery範例：首頁動畫特效
3.jQuery範例：燈箱效果（LightBox）
Lesson 12：
1.外掛程式應用：Nivo-SlideShow
2.外掛程式應用：fancyBox
3.外掛程式應用：視差滾動特效
郭嘉雯老師
經歷
資策會、台北市立體育學院－電腦外聘講師
行政院勞委會北區職業訓練中心、財團法人中華職業訓練中心、台北市職能發展學院、大亞電腦－電腦多媒體講師
中國多媒體協會、伊甸社會福利基金會‧影像處理講師
僑委會、連江縣教育局、華彩教育訓練－網站製作與設計講師
富邦銀行、天下趨勢－影像處理講師
北區扶輪社、天仁茗茶－美術設計
專長
影像處理方面：Photoshop、Illustrator、CorelDRAW、PhotoImpact
網頁設計方面：Dreamweaver、Flash、FrontPage
網頁語法方面：HTML、CSS、JavaScript、JQuery
影音處理方面：會聲會影、威力導演
著作
1.Photoshop 5.0影像魔法師
2.Div+CSS網頁版面設計‧隨手做SEO
專案作品
資策會-龍門課站、聯合報網站、研華科技網站、TDK網站、師大學務處網站 |
