| 課程代碼 |
J0N13001
|
| 課程中文名稱 |
多媒體網頁設計
|
| 課程英文名稱 |
Multimedia Web Design
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技視傳三甲
|
| 任課教師 |
陳姿汝
|
| 選課人數 |
|
| 上課教室(時間) |
|
週五
|
第12節
|
(T0811)
|
|
週五
|
第13節
|
(T0811)
|
|
週五
|
第14節
|
(T0811)
|
|
| 課程時數 |
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.Lecture: 課程介紹
實作1-1: Dreamweaver操作介面基本介紹
2.Lecture: 什麼是網站(website)、網站的評估標準
實作1-2: Dreamweaver認識與基礎操作
3.Lecture: 網站基本概念與易用性認識
4.實作1-3：Dreamweaver網頁文字與影像編排
5.Lecture: 網站企劃與設計流程
實作1-4：Dreamweaver網頁文字與圖片編輯
6.Lecture: 網站設計流程規劃
實作1-5：Dreamweaver網頁超連結
7.進度檢查與問題解決
8.Lecture: 網站架設概念簡述
實作1-6：Dreamweaver表單與內嵌網頁
9.個人網站作品欣賞與期末專題網站規劃
10.專題網站提案報告繳交
11.Lecture: RWD響應式網頁
實作2-1：Google Sites介面與圖文設計
（首頁設計，需設計網頁框架、大圖輪播、回饋狀態）
12.Lecture: 運算思維＆HTML語法基礎
實作2-2：Google Sites嵌入程式碼
（網頁框架切版）
13.進度檢查與問題解決
14.Lecture: 網頁SEO優化
實作2-3：網頁優化上線
15.Lecture: 網站評估
16.期末成果展示、
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
設計實作
|
| 期末考(第18週)考試方式 |
作品分享與回饋
|
| 其他週考試考試週次與方式 |
實務練習
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 藉由多媒體之理論與實務練習，透過美學基本理論的引導及軟體之實務運用，讓學生了解多媒體的運用 |
實作演練
|
實作
（
平時
）
|
| 培養學生具備以使用圖像說故事的能力 |
實作演練
課堂講授
|
日常表現
（
平時
）
|
| 培養學生熟悉故事敘述之設計思考 |
實作演練
啟發思考
|
日常表現
（
平時
）
|
| 訓練學生具備多媒體的動畫技巧並創造多媒體動畫的多樣性風格 |
實作演練
|
實作
（
期中
）
|
| 累積其實務操作經驗，藉由個案案例專題之演練，提昇學生具備製作多媒體專題的敏銳度和成熟度 |
實作演練
成果驗收
|
設計製作
（
期末
）
|
|
| 指定用書 |
| 書名 |
多媒體導論與應用：新媒體藝術與互動科技
|
| 作者 |
陳漢昇
|
| 書局 |
新北市：旗標
|
| 年份 |
2016
|
| 國際標準書號(ISBN) |
978-986-312-311-8
|
| 版本 |
初版
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
陳芸麗。(2012)。Dreamweaver CC 從入門到精通。台北市：上奇資訊。ISBN 978-986-5687-81-6。
|
| 教學軟體 |
Adobe Dreamweaver、Google Sites
|
| 課程規範 |
|