Office Hour
(二) 15:20~16:10、(四) 08:10~09:00、(四) 13:20~14:10、(四) 14:20~15:10、
(四) 15:20~16:10 / H429
課程簡介
本課程透過對網頁技術（包含 HTML, CSS, 及JavaScript）及網頁程式實例的介紹，協助學生了解何謂程式設計，同時培養撰寫程式及設計網頁的能力。由於網頁技術隨著時間演進的很快，本課程會補充新的網頁製作技術及新的開發工具，期望能透過此課程幫助學生具備網頁開發的實務能力，未來足以從事此類型的工作。
課程大綱
1. 網頁伺服器設定
2. 網頁開發相關工具
3. HTML基礎
4. CSS排版
5. JavaScript網頁特效
6. Bootstrap框架介紹
基本能力或先修課程
無
109-1 基礎程式設計 黃鈴玲 老師
課程與系所基本素養及核心能力之關連
具備執行多媒體設計實務所需技術、技巧及使用現代工具的能力
具備發掘、分析及因應複雜跨領域多媒體設計問題的能力
具備計畫管理、有效溝通、尊重多元觀點與團隊合作的能力
具備蒐集、解讀與分析全球多媒體產業趨勢，及參與多媒體實務設計的能力。
109-1 基礎程式設計 黃鈴玲 老師
課程計畫表
系所核心能力
權重(%)【A】
檢核能力指標(績效指標)
教學策略
評量方法及配分權重
核心能力學習成績【B】
期末學習成績【C=B*A】
具備多媒體設計專業知識的能力
20
培養學生理解多媒體數位內容理論之能力。
培養學生熟悉多媒體數位內容相關知識之能力。
培養學生具備多媒體數位內容相關專業知識之能力，包括動畫、動漫與遊戲設計等。
培養學生具備多媒體數位內容相關設計涵養之能力，包括文創、藝術與美學等。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
20
具備執行多媒體設計實務所需技術、技巧及使用現代工具的能力
20
培養學生具備且能運用多媒體數位內容相關專業設計技術與技巧。
培養學生具備使用現代多媒體軟硬體設計工具之能力。
培養學生實作多媒體數位內容系統之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
20
具備整合多媒體設計知識及技術的能力
20
培養學生整合理論知識與實務技術之能力。
培養學生整合視覺傳達、資訊科技及內容管理相關領域知識之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
20
具備發掘、分析及因應複雜跨領域多媒體設計問題的能力
5
培養學生具備探究複雜多媒體設計問題之能力。
培養學生具備分析與組織複雜多媒體設計問題之能力。
培養學生具備解決與實作複雜多媒體設計系統之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
5
具備計畫管理、有效溝通、尊重多元觀點與團隊合作的能力
5
培養學生專案規劃、執行及管理之能力。
培養學生溝通協調與團隊合作之能力。
培養學生尊重多元觀點之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
5
具備專業倫理觀念及能夠認知社會責任
5
培養學生具備良好人際關係及職場倫理之素養。
培養學生具備專業領域社會責任之素養。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
5
具備人文藝術涵養、創意思維及創新設計的能力。
10
培養學生具備人文藝術涵養。
培養學生具備創意思維之能力。
培養學生具備創新設計之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
10
具備持續學習的習慣與能力。
10
培養學生藉由多元管道達到終身學習之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
10
具備蒐集、解讀與分析全球多媒體產業趨勢，及參與多媒體實務設計的能力。
5
培養學生具備認識全球多媒體產業時事議題之能力。
培養學生了解多媒體設計對產業、社會及全球的影響。
培養學生具備前瞻性與國際觀。
培養學生具備進入職場所需之實務工作能力。
培養學生解決產業實際問題之能力。
講述法
個案討論
實務操作(實驗、上機或實習等)
小考(肯學): 15%
期中考(肯學): 20%
作業(肯付出): 30%
課程參與度(肯學): 10%
成品製作(肯做): 25%
加總: 100
5
109-1 基礎程式設計 黃鈴玲 老師
成績稽核
教科書(尊重智慧財產權，請用正版教科書，勿非法影印他人著作)
無參考教科書
參考教材及專業期刊導讀(尊重智慧財產權，請用正版教科書，勿非法影印他人著作)
輕鬆玩HTML5＋CSS3＋JavaScript網頁程式設計
黃建庭
n.a.
全華圖書
2019
W3Schools (https://www.w3schools.com)
Refsnes Data
n.a.
n.a.
0
跟著實務學習HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、Bootstrap 4&Cordova 增訂版
蔡文龍, 蔡捷雲, 歐志信, 曾芷琳
n.a.
碁峰
2019
學好跨平台網頁設計(第二版)--HTML5、CSS3、JavaScript、jQuery與Bootstrap 4超完美特訓班
鄧文淵
n.a.
碁峰
2019
自編教材(尊重智慧財產權，請用正版教科書，勿非法影印他人著作)
無自編教材
上課進度
教學策略
1
網頁伺服器連線設定及相關工具介紹 & 智財權宣導(含告知學生應使用正版教科書) & 交通安全宣導
講述法、實務操作(實驗、上機或實習等)
2
HTML-架構、文字與圖片、超連結、音效與影片
講述法、實務操作(實驗、上機或實習等)
3
HMTL-表格及表單
講述法、實務操作(實驗、上機或實習等)
4
CSS顏色、文字、段落與列表設計
講述法、實務操作(實驗、上機或實習等)
5
CSS背景、區域與外框設計
講述法、實務操作(實驗、上機或實習等)
6
CSS變形、轉換與動畫設計
講述法、實務操作(實驗、上機或實習等)
7
CSS範例實作
講述法、個案討論、實務操作(實驗、上機或實習等)
8
CSS範例實作
講述法、個案討論、實務操作(實驗、上機或實習等)
10
JavaScript語言、變數與運算子、流程控制
講述法、實務操作(實驗、上機或實習等)
11
JavaScript陣列與函式
講述法、實務操作(實驗、上機或實習等)
12
JavaScriptjQuery 基礎與選擇器的使用
講述法、實務操作(實驗、上機或實習等)
13
JavaScriptjQuery函式、特效與事件應用
講述法、實務操作(實驗、上機或實習等)
14
網頁特效範例實作
講述法、個案討論、實務操作(實驗、上機或實習等)
15
網頁特效範例實作
講述法、個案討論、實務操作(實驗、上機或實習等)
16
期末專題實作
實務操作(實驗、上機或實習等)、學生上台報告
17
期末專題實作
實務操作(實驗、上機或實習等)、學生上台報告
