您好,歡迎來到HopeTrip旅行網!
|
WeChat我們
關註HopeTrip
關註有好禮
WeChat號:hopetriphk
WeChat名稱:hopetrip旅遊網
| 幫助中心 | 收藏網站 | 線上客服
HopeTrip>旅遊資訊中心>中國>台灣>台北市>台北市活動>台北市演唱會推介>JavaScript + jQuery 動態網頁設計入門 【網頁設計大補帖系列課程】

JavaScript + jQuery 動態網頁設計入門 【網頁設計大補帖系列課程】

收藏 糾錯 瀏覽次數:0 0人參數
分享到:
  • 活動名稱:
  • JavaScript + jQuery 動態網頁設計入門 【網頁設計大補帖系列課程】
  • 活動地點:
  • 中國文化大學推廣教育部-建國南路二段231號
  • 活動日期:
  • 2016-08-05~2016-10-28
  • 活動時間:
  • 每週 五 19:00:00~22:00:00
  • 活動價格:
  • NT$ 原價8,800元※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)1.網路報名:享95折優惠($8,360元)2.ITCTC舊生、開課2週前報名:享9折優惠($7,920元)註1:以上優惠擇一使用  
JavaScript + jQuery 動態網頁設計入門 【網頁設計大補帖系列課程】
!!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網站、師大學務處網站

[Hopetrip聲明]發表此文不代表同意其說法或描述,僅為提供參考信息。轉載請註明出處。
分享到:
已经输入0个字 我有話要說:
表情
最新點評(0)
更多活動專題推薦
泰國Lets Relax Spa網路預訂
一日玩盡皇帝島
皇帝島得天獨厚的地理條件成就了...[詳細]
Flight of the gibbon叢林飛索專題
Flight of the gibbon叢林飛索專...[詳細]
HopeTrip四週年Facebook分享攞特權
HopeTrip四週年Facebook分享攞特...[詳細]
台灣七日自由行之遊記+攻略(台北篇)
桃園機場到高鐵站客運的士大對比
台北101觀景台門票網絡售價2016
台北101觀景台門票港幣售價2016
2016桃園機場客運巴士交通攻略
台北陽明山賞楓攻略2016
北海岸一日遊
台北5日遊行程推薦:愛戀台北
台北夜店遊玩全攻略之信義區夜店篇
2016台北六大夜市推薦 帶夜市附近民宿
台北博物館參觀聯票(國立故宮博物館&原住民博物館)
HK$ 80
台北101觀景台門票(郵件兌換)
HK$ 129
台北101觀景台雙人優惠套票(郵件兌換)
HK$ 248
台北袖珍博物館超值票券(電子兌換券)
HK$ 42
  • 台北市門票
  • 台北市美食
  • 台灣通訊
  • 台北市交通
  • 台北市線路
  • 台北市租車
  • 台北市套票
  • 台北市特價
更多
台北101觀景台雙人優惠套票(郵件兌換)
市場價:HK$ 250
HK$ 248
台北101觀景台門票(郵件兌換)
HK$ 129
台北大鐵道展覽門票2016(除夕及大年初一休館)
HK$ 96
2016少女時代台北演唱會(5月7日場)
HK$ 1568
台北博物館參觀聯票(國立故宮博物館&原住民博物館)
HK$ 80