| 課程代碼 |
J0D32M01
|
| 課程中文名稱 |
多媒體網頁設計
|
| 課程英文名稱 |
Multimedia Web Design
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
四技商設二甲
|
| 任課教師 |
陳姿汝
|
| 選課人數 |
|
| 上課教室(時間) |
|
週五
|
第1節
|
(T0811)
|
|
週五
|
第2節
|
(T0811)
|
|
週五
|
第3節
|
(T0811)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
1.Adobe Dreamweaver CC
|
| 課程概述 |
本課程主要內容為多媒體整合於互動網頁設計學習，分為兩個階段─「網頁介面設計」與「多媒體互動設計」，並著重在於此兩階段相關軟體和平台資源的傳授。
The content of the course is multimedia integration in interactive web design. The course is divided into two phases - "web interface design" and "multimedia interactive design" and focuses on the teaching of the related software and platform resources.
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
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.網站企劃與設計流程
3.網站設計流程規劃
4.網站架設說明
5.網頁規劃設計實作
6.多媒體網頁設計實作
7.多媒體互動設計實作
|
| 英/日文課程大綱 |
1.The introduction of website basics
2.Website framework planning and process
3.The design Process of website
4.The implementation of website station
5.Web design implementation
6.Multimedia design implementation
7.Interactive design implementation
|
| 課程進度表 |
1 Adobe Dreamweaver介紹與實作
Lecture: 課程介紹、實作1-1：多媒體軟體操作介面介紹
Lecture: 課程大綱說明、發題、實作1-2：Dreamweaver網頁文字與影像編排
Lecture: 網站企劃與設計流程、實作1-3：Dreamweaver網頁文字與圖片編輯
Lecture: 網站設計流程規劃、實作1-4：Dreamweaver網頁超連結
Lecture: 個人網站架設、實作1-4：Dreamweaver表單與內嵌網頁
2 Google Sites介紹與實作
Lecture: RWD響應式網頁、實作2-1：Google Sites文字與影像編排
Lecture: HTML程式語法、實作2-2：Google Sites嵌入程式碼
Lecture: 網頁SEO優化、實作2-3：網頁優化實作
3 Scratch介紹與實作
Lecture: 多媒體設計原理
實作3-2：Scratch角色設計
實作3-3：Scratch場景動畫製作
實作3-4：Scratch故事創作
4 App Inventor 2
Lecture: 互動介面與設計
實作4-1：App Inventor 2 操作介面介紹
實作4-2：App Inventor 2 基本元件及事件使用
實作4-3：App Inventor 2 互動介面與觸控操作
測驗：App Inventor 2 綜合練習
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
作品實作
|
| 期末考(第18週)考試方式 |
作品分享與回饋
|
| 其他週考試考試週次與方式 |
作品實作
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 藉由多媒體之理論與實務練習，透過美學基本理論的引導及軟體之實務運用，讓學生了解多媒體的運用 |
實作演練
|
實作
（
平時
）
|
| 培養學生具備以使用圖像說故事的能力 |
實作演練
課堂講授
|
日常表現
（
平時
）
|
| 培養學生熟悉故事敘述之設計思考 |
實作演練
啟發思考
|
日常表現
（
平時
）
|
| 訓練學生具備多媒體的動畫技巧並創造多媒體動畫的多樣性風格 |
實作演練
|
設計製作
（
期中
）
|
| 累積其實務操作經驗，藉由個案案例專題之演練，提昇學生具備製作多媒體專題的敏銳度和成熟度 |
實作演練
成果驗收
|
實作
（
期末
）
|
|
| 指定用書 |
| 書名 |
多媒體導論與應用：新媒體藝術與互動科技
|
| 作者 |
陳漢昇
|
| 書局 |
新北市：旗標
|
| 年份 |
2016
|
| 國際標準書號(ISBN) |
978-986-312-311-8
|
| 版本 |
初版
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
蔡宜坦。(2018). App Inventor 2 互動範例教本 第3版。旗標。ISBN 978-986-312-530.
|
| 教學軟體 |
Adobe Dreamweaver、Google Sites、Scratch、App Inventor 2
|
| 課程規範 |
|