【飛肯設計學苑】電腦教育教學中心
教學課程及範例下載，還有photoshop教學、css語法教學、dreamweaver教學、flash actionscript教學、網頁設計教學...等
課程名稱：JavaScript & CSS 互動程式入門班
- 課程梯次： 8 月份 【週日班】
- 課程日期：2010 年 8 月 15 日 ~ 9 月 5 日
- 課程日期：8/15、8/22、8/29、9/5
- 課程時間：星期日 / 早上 9:50 ~下午 4:50
Curriculum information
課程資訊
- 授課講師：男丁格爾 老師 （教學範例）（老師的網站）
- 課程時數：8 堂課 / 時數共 24 小時 / 共 四 週
- 課程學費：7800元【新生線上報名特價7500/舊生報名特價6800】
- 付款方式：開課當天現場繳費
- 課程教材：教學講義 / 範例原始檔
- 課程地點：【飛肯教室】交通位置詳圖 > >
- 聯絡電話： (02)2211-1414 / 0925-014-000
Curriculum information
適合對象
- 1.為美術設計師量身打造的JavaScript程式設計入門課程
- 2.對於互動網頁程式有興趣與需求者
- 3.網頁設計師或程式設計人員
- 4.上班族及學生族自我進修
Registration qualifications
報名資格
- 1.必須具備基本網頁設計基礎
- 2.完全沒有學過 JavaScript 程式設計的人也可以參加這個課程
- 3.為美術設計師量身打造的JavaScript程式設計入門課程
Curriculum characteristic
課程特色
10人左右超小班制，面對面教學品質有保障~ 口碑看得見~教室電腦及網路設備完善，一人一機，有大量的範例讓同學現場練習。上課附有老師親自寫的講義及範例光碟~ 上完一次課程後可申請多次免費重修喔！！！
飛肯設計學苑每個月都會設計新的教學範例，並且會放在網站上供同學免費線上學習或免費下載範例，讓同學在課後還可以一直學習到新的範例喔！同學在上完課之後可以隨時透過網站或電話與老師聯繫，有遇到任何學習上的問題老師都會儘力幫助您！
Curriculum synopsis
課程簡介
本課程是 JavaScript 的入門課程，為美術設計師量身打造的JavaScript程式設計課程，從最基本的指令語法講起，先讓您一步一步打好 JavaScript 的基礎，再討論「DOM 文件物件模型」的觀念，讓您學會 JavaScript 精髓。
本課程的教學方式是以範例練習為導向，上課時透過範例實際的操作與老師詳細的講解，一步一步學會 JavaScript 各種指令的運用。上課所練習的範例都是目前網路上常見又實用的互動效果，讓同學學習之後可以馬上就運用到工作的網頁之上。
Curriculum subject
課程大綱
【JavaScript 入門】
- 建立 function 函式
- 密碼驗證登入
- window 物件 - 彈出式視窗
- 設計線上估價單
- 動態控制 CSS 屬性
- 內建對話方塊 alert(), prompt(), confirm()
- if else 邏輯條件式
- document 物件 - 網址的跳轉
- 互動顯示隱藏網頁區塊
- 動態控制 CSS 排版
【基本資料類型 & 複雜資料類型】
- 宣告變數 var
- 數字類型 Number
- 陣列迴圈的應用
- 數學物件 Math
- 輪播式動態廣告BANNER設計
- 亂數式動態廣告BANNER設計
- 文字類型 String
- 布林類型 Boolean
- 影像類別 Image
- 互動式網頁圖片設計
- 圖片載入的 loading 效果
- 另開視窗、子母視窗傳值
【JavaScript 與 DOM】
- DOM 是什麼？
- 透過 id, name, tagName 來取得元素
- 頁籤選單
- 向 DOM 中插入元素
- DOM Tree
- 存取/修改元素的屬性, 樣式
- 元素的顯示/隱藏
- 關聯式下拉選單的設計
【事件處理】
- 內聯方式 & 無侵入方式
- 滑鼠事件
- onmouseover, onmouseout, onmousemove
- 其它更多了事件
- onchange, onerror, onload, onfocus
- 表格變色效果
- 表單控制
- 點擊事件 onclick
- 下拉式選單
- 圖片縮放特效
- 互動式電子相簿
- addEventListener & attachEvent 事件偵聽
【迴圈 & 陣列 & 計時器】
- for 迴圈入門技巧
- 亂數 & 陣列
- 自動輪播效果
- 計時器 setTimeout(), setInterval()
- 讓 animate() 支援更多的 css 屬性
- Array 陣列入門技巧
- 用陣列設計隨機廣告
- 廣告、照片自動輪播
- 無間斷圖片輪播
【jQuery 框架】
- jQuery 是什麼？
- 能用 jQuery 做什麼？
- 頁籤切換式內容區塊
- 淡入淡出式BANNER輪播特效
- 翻選式選單
- 山寨版的 HTC 首頁選單
- 橫向 Accordion 式選單
- jQuery 跟 JavaScript 有什麼關係？
- 動畫效果
- 動畫式下拉選單特效
- 滑入及滑出選單特效
- 動畫賀聯式選單
- 頁右上掀角翻頁廣告