多媒體網頁設計實務
Multimedia Web Page Design
| 節 | 週一 |
|---|---|
5 13:20–14:10 | 多媒體網頁設計實務 HA314 3 節連堂 |
6 14:20–15:10 | |
7 15:30–16:20 |
* 根據陽明交大上課時間表所列
本課程目標主以協助已具有基礎美學能力的學生,將美學與設計創意帶入多媒體網頁設計中。藉由介紹並實際操作網頁設計入門軟體Dreamweaver,除了解網頁設計流程外,更能以前端程式撰寫能力,在網頁中融合JQuery及Responsive website等跨媒體型態設計,期面對以UX考量的設計主流中,更具有創作統合能力。 主要目標 1. 透過各節獨立作業熟悉多媒體工具與技巧 2. 藉由期中、期末的個人專題製作,培養多元整合能力 3. 突破平面靜態的限制,揮灑更多元動態的設計創意 1. 透過網頁軟體操作與實例解析使學生瞭解網頁設計之功能與可能性。 2. 透過個人作品網站專題製作,使學生具備網頁設計創作與實作技巧的統整能力。 3. 透過上述能力之開發,連結個人視覺設計創作之多面向應用 Learning Objectives: 1. To get proficient in WEB Development using HTML5/CSS3/jQuery 2. To get proficient in UI design 3. To get proficient in Responsive Web Design 4. To get proficient in editing using Adobe Dreamweaver
具備基礎電腦繪圖(Photoshop、Illustrator)等能力,具備基礎HTML撰寫能力尤佳 Prerequisites: Adobe Photoshop or Illustrator It will be a plus if you have the basic HTML coding ability .
示範操作教學,其餘視課堂情況予以調整宣布 Professor demonstration
(1) 課堂參與/Participation (30%) (2) 期中專題/ Midterm(30%) (3) 期末專題/ Final project(40%)
| 週次 | 主題 |
|---|---|
| 第 1 週 | 課程進度說明與討論 Syllabus explaination |
| 第 2 週 | 網頁作品觀摩與網站架構解說 Website framework demonstration |
| 第 3 週 | 中秋節放假 |
| 第 4 週 | 介面設計說明與演練 分件說明、切版操作與實作 User interface design |
| 第 5 週 | HTML語法介紹與撰寫 Introduction of HTML |
| 第 6 週 | CSS3語法介紹與排版運用 Introduction of CSS3 (part1) |
| 第 7 週 | CSS3語法介紹與排版運用 Introduction of CSS3 (part2) |
| 第 8 週 | 期中作品網站規劃與討論 Discussion for midterm project |
| 第 9 週 | 期中發表 (線上網站進行展演) Midterm project (online display) |
| 第 10 週 | jQuery語法介紹與運用方式操作 Introduction of jQuery (part1) |
| 第 11 週 | jQuery語法介紹與運用方式操作 Introduction of jQuery (part2) |
| 第 12 週 | JQuery Mobile 架構實作與討論 Introduction of jQuery Mobile |
| 第 13 週 | Responsive 網頁介紹與操作 Introduction of Responsive Web Design (part1) |
| 第 14 週 | Responsive 網頁實作與討論 Introduction of Responsive Web Design (part2) |
| 第 15 週 | 個人作品網站製作與討論 Discussion for final project |
| 第 16 週 | 個人作品網站製作與討論 Discussion for final project |
| 第 17 週 | 開國紀念日彈性放假 |
| 第 18 週 | 期末專題發表 Final project (online display) |
請見每回課堂內容說明 Reference will be list in the weekly course ppt.
- 聯絡方式
- 徐慈璟 e-mail:tuno1019@gmail.com