Office Hour
(一) 09:10~10:00、(二) 09:10~10:00、(三) 09:10~10:00、(三) 10:10~11:00、
(三) 11:10~12:00 / H429
課程簡介
本課程介紹網頁設計的基本概念，希望幫助學生熟練 Adobe Dreamweaver 軟體的使用，並輔導同學取得 ACA(Adobe Certified Associate) 國際認證 Dreamweaver 證照。
課程大綱
1. 專案管理與著作權概念
2. 使用Dreamweaver 編輯網頁
3. 網頁色彩與圖像處
4. 超連結
5. 表格與頁框
6. CSS 樣式表
7. 絕對定位圖層與行為
8. 使用多媒體物件
9. 表單及驗證
10. jQuery UI 工具集
11. 範本應用
12. 上傳與管理網站
13. 行動裝置網頁的設計
基本能力或先修課程
無
109-2 網頁設計與應用 黃鈴玲 老師
課程與系所基本素養及核心能力之關連
具備執行多媒體設計實務所需技術、技巧及使用現代工具的能力
具備發掘、分析及因應複雜跨領域多媒體設計問題的能力
具備計畫管理、有效溝通、尊重多元觀點與團隊合作的能力
具備蒐集、解讀與分析全球多媒體產業趨勢，及參與多媒體實務設計的能力。
109-2 網頁設計與應用 黃鈴玲 老師
課程計畫表
系所核心能力
權重(%)【A】
檢核能力指標(績效指標)
教學策略
評量方法及配分權重
核心能力學習成績【B】
期末學習成績【C=B*A】
具備多媒體設計專業知識的能力
20
培養學生理解多媒體數位內容理論之能力。
培養學生熟悉多媒體數位內容相關知識之能力。
培養學生具備多媒體數位內容相關專業知識之能力，包括動畫、動漫與遊戲設計等。
培養學生具備多媒體數位內容相關設計涵養之能力，包括文創、藝術與美學等。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
20
具備執行多媒體設計實務所需技術、技巧及使用現代工具的能力
20
培養學生具備且能運用多媒體數位內容相關專業設計技術與技巧。
培養學生具備使用現代多媒體軟硬體設計工具之能力。
培養學生實作多媒體數位內容系統之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
20
具備整合多媒體設計知識及技術的能力
20
培養學生整合理論知識與實務技術之能力。
培養學生整合視覺傳達、資訊科技及內容管理相關領域知識之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
20
具備發掘、分析及因應複雜跨領域多媒體設計問題的能力
10
培養學生具備探究複雜多媒體設計問題之能力。
培養學生具備分析與組織複雜多媒體設計問題之能力。
培養學生具備解決與實作複雜多媒體設計系統之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
10
具備計畫管理、有效溝通、尊重多元觀點與團隊合作的能力
5
培養學生專案規劃、執行及管理之能力。
培養學生溝通協調與團隊合作之能力。
培養學生尊重多元觀點之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
5
具備專業倫理觀念及能夠認知社會責任
5
培養學生具備良好人際關係及職場倫理之素養。
培養學生具備專業領域社會責任之素養。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
5
具備人文藝術涵養、創意思維及創新設計的能力。
10
培養學生具備人文藝術涵養。
培養學生具備創意思維之能力。
培養學生具備創新設計之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
10
具備持續學習的習慣與能力。
5
培養學生藉由多元管道達到終身學習之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
5
具備蒐集、解讀與分析全球多媒體產業趨勢，及參與多媒體實務設計的能力。
5
培養學生具備認識全球多媒體產業時事議題之能力。
培養學生了解多媒體設計對產業、社會及全球的影響。
培養學生具備前瞻性與國際觀。
培養學生具備進入職場所需之實務工作能力。
培養學生解決產業實際問題之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
期中考(肯學): 20%
作業(肯付出): 40%
課程參與度(肯學): 10%
成品製作(肯做): 20%
同儕互評(肯負責): 5%
上網次數／留言／參與發言(肯付出): 5%
加總: 100
5
109-2 網頁設計與應用 黃鈴玲 老師
成績稽核
教科書(尊重智慧財產權，請用正版教科書，勿非法影印他人著作)
無參考教科書
參考教材及專業期刊導讀(尊重智慧財產權，請用正版教科書，勿非法影印他人著作)
Dreamweaver CC網頁製作比你想的簡單--HTML5、CSS3、jQuery、Facebook、行動網站 全面應用
文淵閣工作室編著
n.a.
碁峰
2015
跟Adobe徹底研究Dreamweaver CC
Jim. Maivald
吳國慶
深石
2019
Dreamweaver網頁設計輕鬆入門：Dreamweaver CC 2021
謝碧惠
n.a.
全華圖書
2021
自編教材(尊重智慧財產權，請用正版教科書，勿非法影印他人著作)
無自編教材
上課進度
教學策略
1
線上網頁製作，Aries主機設定 & 智財權宣導(含告知學生應使用正版教科書) & 交通安全宣導
講述法、個案討論、實務操作(實驗、上機或實習等)
2
Aries主機設定、第一個網頁
講述法、實務操作(實驗、上機或實習等)
3
文字與影像、錨點與超連結的設定
講述法、實務操作(實驗、上機或實習等)
4
表格的使用
講述法、實務操作(實驗、上機或實習等)
5
CSS的設計
講述法、實務操作(實驗、上機或實習等)
6
CSS的設計
講述法、實務操作(實驗、上機或實習等)
7
絕對定位圖層與行為
講述法、實務操作(實驗、上機或實習等)
8
多媒體的呈現、Lightbox特效
講述法、實務操作(實驗、上機或實習等)
10
表單的加入
講述法、實務操作(實驗、上機或實習等)
11
範本應用
講述法、實務操作(實驗、上機或實習等)
12
整合雲端工具
講述法、個案討論、實務操作(實驗、上機或實習等)
13
使用 CSS Div 網頁排版
講述法、實務操作(實驗、上機或實習等)
14
使用線上範本、期末專題製作
講述法、個案討論、實務操作(實驗、上機或實習等)
15
期末專題製作
講述法、個案討論、實務操作(實驗、上機或實習等)
16
期末專題製作
講述法、個案討論、實務操作(實驗、上機或實習等)
17
期末專題製作
講述法、個案討論、實務操作(實驗、上機或實習等)
18
期末專題作品demo
實務操作(實驗、上機或實習等)、專題報告
