學生能夠:
1. 瞭解多媒體設計原理與發展趨勢。
2. 多媒體設計基本步驟。
3. 使用多媒體編輯工具設計及製作多媒體商品。
4. 規劃及執行多媒體設計專案。

每一位同學都必須獨力完成一項期末專題，期末專題的內容包括：
•設定主題（例如：個人網站、企業形象網站、產品介紹網站、...）
•網站架構
•網站風格與樣式設計
•網頁實作
•書面報告

課程教學 

(1)成績考核：
1.平時學習表現： 50 %（包涵學習態度、上課參與、平時作業）
2.期中作業：25 %
3.期末作業：25 %

週次與日期

內容

備註

　　1　105/02/22～105/02/28

● 多媒體基本概念
● 文字媒體介紹和設計
● 電子出版品實作  

1.本單元對應培育之能力指標：
(1)能了解多媒體基本概念
(2)能學會文字媒體介紹和設計
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　2　105/02/29～105/03/06

● 影像媒體介紹和設計
● 數位相片修片技巧
● 2 D影像設計實作 

1.本單元對應培育之能力指標：
(1)能了解影像媒體介紹和設計
(2)能學會2 D影像設計實作
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　3　105/03/07～105/03/13

● 音訊媒體介紹和設計
● 錄音混音特效實作
● 視訊媒體介紹和設計
● 影片剪輯實作  

1.本單元對應培育之能力指標：
(1)能了解音訊媒體介紹和設計
(2)能學會視訊媒體介紹和設計
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　4　105/03/14～105/03/20

● 認識 Dreamweaver
介紹目前網頁編輯器的趨向與各軟體間的優缺點，說明 Dreamweaver 的特色與功能，並認識編輯環境與建置。

1.本單元對應培育之能力指標：
(1)能了解認識 Dreamweaver
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　5　105/03/21～105/03/27

● 網站規劃的開始
網頁與網站觀念、網站開發流程、建立網站的準備與分析等，可以親自感受一個網站從無到有的過程。 

1.本單元對應培育之能力指標：
(1)能了解網站規劃的開始
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　6　105/03/28～105/04/03

● 網頁文字與影像的編輯
文字、影像編修是網頁製作的基本功夫，要紮實打下良好的基礎。
● 超連結的使用
超連結的使用是網頁通往世界的按鈕，本章介紹錨點設定、內外部連結、電子郵件連結等功能。 

1.本單元對應培育之能力指標：
(1)能了解網頁文字與影像的編輯
(2)能學會超連結的使用
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　7　105/04/04～105/04/10

● 表格的使用
網頁中表格的存在不但讓網頁版面看起來井然有序，更提供一般資料表格及版面配置時最主要的結構。
● CSS 樣式表
CSS 樣式表可以讓網頁套入相同格式，方便網站的維護，在最快時間內更新網站的相關格式與設計。

1.本單元對應培育之能力指標：
(1)能了解表格的使用
(2)能學會CSS 樣式表
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　8　105/04/11～105/04/17

● 網頁地圖與 AP 元素的應用
網頁地圖是運用圖片，連結到不同的頁面；AP元素讓網頁物件定位立體化，更靈活調整網頁配置。
● 網路多媒體的應用
說明如何在 Dreamweaver 中插入 Flash 動畫、FLV、FlashPaper 及音效與影片。

1.本單元對應培育之能力指標：
(1)能了解網頁地圖
(2)能學會網路多媒體的應用
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　9　105/04/18～105/04/24

期中考試週 

1.本單元對應培育之能力指標：
(1)能了解學期中的成效
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　10　105/04/25～105/05/01

● 範本的應用
範本不但能統一整個網站的風格，還可以加快整個網站製作的速度，本章將運用範本將前面完成的作品串聯在一起。
● 網站的上傳與維護
介紹 Dreamweaver 的檔案管理、上傳與更新的動作。
 

1.本單元對應培育之能力指標：
(1)能了解範本的應用
(2)能學會網站的上傳與維護
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　11　105/05/02～105/05/08

● 影像基礎編修與去背
利用修復工具調整相片污點、裂痕、光線或色彩...等問題，再透過適當的影像去背方式為影像設計不同的風貌，另外包含：大量影像同時編修的自動執行與批次處理功能。
● 文字編輯特效與圖層
先對文字的基本輸入與調整進行認識，再進行複合式運用。
 

1.本單元對應培育之能力指標：
(1)能了解像基礎編修與去背
(2)能學會文字編輯特效與圖層
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　12　105/05/09～105/05/15

● 網站版型製作與割版
認識如何在 Photoshop 中設計網頁版型與版型割版。
● 網站版型與 Dreamweaver 整合
將製好的網頁版型於 Dreamweaver 中排版與應用

1.本單元對應培育之能力指標：
(1)能了解網站版型製作與割版
(2)能學會網站版型與 Dreamweaver 整合
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　13　105/05/16～105/05/22

● 開發APP的新領域
使用網頁技術開發應用程式，讓絕大多數網頁設計者可以踏入行動裝置應用程式開發者之路，大幅降低設計行動裝置應用程式的門檻。
● 打造您的第一個APP
認識並安裝 Android SDK 後，接著在 Dreamweaver 進行相關設定，即可建置好APP 應用程式開發的環境，帶您開發第一個 APP。

1.本單元對應培育之能力指標：
(1)能了解開發APP的新領域
(2)能學會打造您的第一個APP
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　14　105/05/23～105/05/29

● jQuery Mobile(一)：專業的使用者介面
jQuery Mobile 是一個使用HTML、CSS 及JavaScript 為架構，用來開發行動裝置網頁的解決方案，也為 Web APPs 的未來開啟了一扇大門！
● jQuery Mobile(二)：人機互動控制
jQuery Mobile 能很快建置完善的行動裝置使用者介面，只要再加入JavaScript 程式即可讓使用者與網頁進行互動。

1.本單元對應培育之能力指標：
(1)能了解jQuery Mobile(一)
(2)能學會jQuery Mobile(二)
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　15　105/05/30～105/06/05

● APP專案：來去台北住一晚
使用臺北市政府公開資料平台建立旅館查詢應用程式，提供旅客安全的旅館住宿資料，並且將地址資料連結 Google Map 地圖，可在地圖上顯示旅館地點，使用者可輕易到達目的地。
● APP專案：景點導覽語音系統
以目前遊客最多的日月潭向山遊客中心為範例，使用影像地圖引領遊客觀賞向山遊客中心各景點，並以語音解說各景點的特色。

1.本單元對應培育之能力指標：
(1)能了解APP專案
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　16　105/06/06～105/06/12

● APP專案：行車守護者
本系統整理行車發生狀況時的標準流程，只需按照步驟依序處理就能達到自我保護的功能。系統包含電話不但具有「緊急撥號」功能可聯絡警方及親朋好友，更擁有照相及錄音功能，讓證據完整保存。
● APP專案：Google美食地圖
Google Map 除了常用的地圖顯示外，也可以加入定位的功能，並取得該景點的相關資源，例如附近的景點、住宿、旅遊、天氣、美食等資訊，是現代人生必活中必備的好工具。

1.本單元對應培育之能力指標：
(1)能了解APP專案
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　17　105/06/13～105/06/19

● HTML、CSS、JavaScript 整合設計 

1.本單元對應培育之能力指標：
(1)能了解HTML、CSS、JavaScript 整合設計
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。 

　　18　105/06/20～105/06/26

期末考試週 

1.本單元對應培育之能力指標：
(1)能了解本學期課程
2.學習評量方式：
(1)利用問題試測瞭解學生程度。
(2)進行學生學習態度觀察。