◎系所教育目標：
本系藉由有效之課程與教學，增進學生之藝術創作、設計、藝術教育與藝術理論之能力，同時強調傳統藝術媒材與電腦科技之互補，以及藝術創作與藝術理論之統整，以提昇學生升學與就業之競爭力。其教育目標分述如下：
（一）增進視覺藝術創作專業能力
（二）提昇數位藝術與設計專業知能
（三）奠定視覺藝術教育與行政專業知能
（四）建立視覺藝術理論專業知能 |
| ◎核心能力 | 關聯性 |
| 1.中西繪畫之表現能力 | 2 關聯性稍弱 |
| 2.藝術媒材之表現與應用能力 | 2 關聯性稍弱 |
| 3.數位藝術之創作能力 | 4 關聯性稍強 |
| 4.視覺設計與數位媒體設計之能力 | 5 關聯性最強 |
| 5.視覺藝術教育之專業知能 | 3 關聯性中等 |
| 6.藝術行政之專業知能 | 2 關聯性稍弱 |
| 7.視覺藝術理論與美學之專業知能 | 3 關聯性中等 |
| 8.藝術史與藝術批評之專業知能 | 2 關聯性稍弱 |
◎本學科內容概述：
本課程旨在讓學生學習網頁製作流程，透過實務案例學習實用的網頁設計技巧。 |
◎本學科教學內容大綱：
本課程在認識網路媒體技術，並學會網站企劃、網站建置、網站編排、網站上傳與維護。 |
◎本學科學習目標：
認識網路媒體技術，學習網站企劃、網站建置、網頁設計與編排、網站上傳與維護‧ |
| ◎教學進度： |
| 週次 | 主題 | 教學內容 | 教學方法 |
01
02/22 | 課程說明 | 介紹課程相關規範、網站概論與設計要領 | 操作/實作、講授。 |
02
02/29 | 網站規劃 | 網站規劃流程與基本操作 | 操作/實作、講授。 |
03
03/07 | 網頁設計HTML&CSS | 認識表格、網頁編輯 | 操作/實作、講授。 |
04
03/14 | 網頁設計HTML&CSS | 利用CSS與Div標籤建立網頁版型 | 操作/實作、講授。 |
05
03/21 | 網頁編排設計CSS進階語法(一) | 網頁編排結構(Layout Structure) | 操作/實作。 |
06
03/28 | 網頁編排設計CSS進階語法(二) | 網頁編排結構(Layout Structure) | 操作/實作、講授。 |
07
04/04 | 美化網頁(一) | 利用圖片與色彩美化網頁 | 操作/實作、講授。 |
08
04/11 | 美化網頁(二) | 利用圖片與色彩美化網頁 | 操作/實作、講授。 |
09
04/18 | 期中考週 | 期中作業欣賞與討論 | 操作/實作、講授。 |
10
04/25 | RWD響應式網頁 | 期中考試(網站企劃：建置一頁式活動網站) | 操作/實作、講授。 |
11
05/02 | RWD響應式網頁與格線系統 | 基本觀念與實作 | 操作/實作、講授。 |
12
05/09 | 網頁設計技術Bootstrap | 進階網頁設計觀念1-輪播式活動圖 | 操作/實作、講授。 |
13
05/16 | 網頁設計技術Bootstrap | 進階網頁設計觀念2-AP div,行為 | 操作/實作、講授。 |
14
05/23 | 網頁版面類型 | 網頁版面設計風格與類型分析介紹 | 操作/實作、講授。 |
15
05/30 | 網站的上傳與管理 | 空間申請、管理、上傳 | 操作/實作、講授。 |
16
06/06 | 網頁實作練習(一) | 網頁作業製作討論 | 操作/實作、講授。 |
17
06/13 | 網頁實作練習(二) | 網頁作業製作討論 | 操作/實作、講授。 |
18
06/20 | 期末考週 | 期末共審 | 作業/習題演練、討論。 |
◎課程要求：
準時出席上課、準時繳交作業。 |
◎成績考核
課堂參與討論10%
期中考30%
期末考40%
操作/實作20%
|
◎參考書目與學習資源
Web Layout Design-最優的版面風格設計(博碩)
Web Visual Effect Design-最優的視覺特效設計(博碩)
Web Layout設計眼(旗標)河內正紀著 |
| ◎教材講義 請改以帳號登入校務系統選擇全校課程查詢方能查看教材講義 |