| 課程代碼 |
J0D33501
|
| 課程中文名稱 |
基礎多媒體程式概論
|
| 課程英文名稱 |
Introduction to Basic Multimedia Programming
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
四技商設三甲
|
| 任課教師 |
黃于珊
|
| 選課人數 |
|
| 上課教室(時間) |
|
週二
|
第4節
|
(T0811)
|
|
週二
|
第5節
|
(T0811)
|
|
週二
|
第6節
|
(T0811)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
以網頁設計為基礎，應用html、css、javascrip方式完成動態介面的設計。建立學生於網頁設計的基本知識，以實作呈現動態網頁技術。培養學生的基礎多媒體程式設計的基本能力。
Based on web design, html, css, and javascrip are used to complete the design of the dynamic interface. Establish the basic knowledge of students in web design to implement dynamic web page technology. Develop students' basic skills in basic multimedia programming.
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
能分析多媒體程式需求
|
|
2 多媒體知識
|
|
2
|
能規劃多媒體程式
|
|
6 創意思考
|
|
3
|
能設計多媒體程式
|
|
3 數位設計技能
|
|
4
|
工作態度與團隊合作的涵養
|
|
10 團隊合作
|
|
5
|
能有效解析與呈現多媒體程式
|
|
9 溝通表達
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
0% |
40% |
20% |
0% |
0% |
10% |
10% |
0% |
0% |
| |
系指標 |
1 |
2 |
4 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
12 |
11 |
| |
設計知識 |
多媒體知識 |
手繪設計技能 |
數位設計技能 |
行銷企劃 |
創意思考 |
外文應用 |
職場倫理 |
溝通表達 |
團隊合作 |
藝術美學 |
服務精神 |
| |
0% |
20% |
0% |
40% |
0% |
20% |
0% |
0% |
10% |
10% |
0% |
0% |
|
| 中文課程大綱 |
1.網頁使用性介紹
2.網頁優化介紹(SEO)
3.網頁規劃與設計
4.illustrator/photoshop網頁切圖
5.HTML基本教學
6.CSS基本教學
7.javascrip基本教學
8.雲端空間應用
|
| 英/日文課程大綱 |
1.Introduction to Web Usability
2.Introduction to Search Engine Optimization(SEO)
3.Web planning and design
4.Slicing illustrator/photoshop into HTML
5.HTML
6.CSS
7.Javascrip
8.Cloud space application
|
| 課程進度表 |
(1) 課程說明：學期課程說明，期中期末作業說明
(2) 認識網頁：說明種類、功能、演變、網頁使用性、RWD網頁介紹
(3) 網頁規劃：將需求系統化，規劃網頁架構與版面配置，規劃線上作品集架構
(4) 網頁版型設計：首頁設計，設計網頁框架、大圖輪播、重點加強、回饋狀態
(5) 網頁版型設計：內頁(“關於我、作品列表、聯絡方式”頁面)，設計回饋狀態、頁面標題、內頁樣式
(6) 網頁切版說明：html、CSS、網頁優化介紹與練習
(7) 網頁切版說明：html、CSS、網頁優化介紹與練習
(8) 期中考週，期中作業繳交
(9) html+CSS切版：網頁框架切版，作品集首頁切版
(10)html+CSS切版：網頁框架切版，作品集首頁切版
(11)html+CSS切版：網頁框架切版，作品集內頁切版
(12)htmlV+CSS切版：網頁框架切版，作品集內頁切版
(13)html+CSS切版：網頁框架切版，作品集內頁切版
(14)html+CSS切版：網頁框架切版，作品集內頁切版
(15)htmlV+CSS切版：網頁框架切版，作品集內頁切版
(16)html+CSS+javascrip：作品集”作品頁”切版與fancybox的js套用
(17)html+CSS切版、作品上線
(18)期末考週，期末作業繳交
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
|
| 期末考(第18週)考試方式 |
|
| 其他週考試考試週次與方式 |
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 能分析多媒體程式需求 |
實作演練
|
作業
（
平時
）
|
| 能規劃多媒體程式 |
實作演練
|
作業
（
平時
）
|
| 能設計多媒體程式 |
實作演練
|
設計製作
（
期中
）
|
| 工作態度與團隊合作的涵養 |
實作演練
|
自我評量
（
平時
）
|
| 能有效解析與呈現多媒體程式 |
實作演練
|
設計製作
（
期末
）
|
|
| 指定用書 |
| 書名 |
|
| 作者 |
|
| 書局 |
|
| 年份 |
|
| 國際標準書號(ISBN) |
|
| 版本 |
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
|
| 教學軟體 |
Adobe Dreamweaver、Adobe Photoshop、Adobe illustrator
|
| 課程規範 |
|