| 課程代碼 |
J0N13001
|
| 課程中文名稱 |
多媒體網頁設計(與專四技視傳三甲合開)
|
| 課程英文名稱 |
Multimedia Web Design
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技視傳三甲
|
| 任課教師 |
黃于珊
|
| 選課人數 |
|
| 上課教室(時間) |
|
週二
|
第12節
|
(T0807)
|
|
週二
|
第13節
|
(T0807)
|
|
週二
|
第14節
|
(T0807)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
1.TQC+ Flash
2.TQC+ Dreamweaver
|
| 課程概述 |
以網頁設計為基礎，應用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
|
藉由多媒體之理論與實務練習，透過美學基本理論的引導及軟體之實務運用，讓學生了解多媒體的運用
|
|
1 設計知識
|
|
2
|
培養學生具備以使用圖像說故事的能力
|
|
3 數位設計技能
|
|
3
|
培養學生熟悉故事敘述之設計思考
|
|
5 行銷企劃
|
|
4
|
訓練學生具備多媒體的動畫技巧並創造多媒體動畫的多樣性風格
|
|
6 創意思考
|
|
5
|
累積其實務操作經驗，藉由個案案例專題之演練，提昇學生具備製作多媒體專題的敏銳度和成熟度
|
|
10 團隊合作
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
0% |
20% |
40% |
0% |
0% |
0% |
20% |
0% |
0% |
| |
系指標 |
1 |
2 |
4 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
12 |
11 |
| |
設計知識 |
多媒體知識 |
手繪設計技能 |
數位設計技能 |
行銷企劃 |
創意思考 |
外文應用 |
職場倫理 |
溝通表達 |
團隊合作 |
藝術美學 |
服務精神 |
| |
20% |
0% |
0% |
20% |
20% |
20% |
0% |
0% |
0% |
20% |
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) |
|
| 版本 |
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
|
| 教學軟體 |
|
| 課程規範 |
|