網頁設計
Web Design
| 節 | 週三 |
|---|---|
3 10:10–11:00 | 網頁設計 HA107 2 節連堂 |
4 11:10–12:00 |
* 根據陽明交大上課時間表所列
本課程目標主要協助同學了解何謂網頁設計,介紹網頁基本語法HTML、CSS3、jQuery,以及響應式網頁(RWD)的實作,將美學與設計創意帶入網頁設計中。 主要目標 1. 透過各節獨立作業熟悉網頁前端工具與技巧 2. 藉由期中、期末的個人專題製作,培養多元整合能力 3. 突破平面靜態的限制,揮灑更多元動態的設計創意 4. 透過網頁軟體操作與實例解析使學生瞭解網頁設計之功能與可能性。 5. 透過個人作品網站專題製作,使學生具備網頁設計創作與實作技巧的統整能力。 6. 透過上述能力之開發,連結個人視覺設計創作之多面向應用 Learning Objectives: 1. To get proficiency in WEB Development using HTML5/CSS3/jQuery 2. To get proficiency in UI design 3. To get proficiency in Responsive Web Design 4. To get proficiency in editing using Adobe Dreamweaver 5. Establish integration abilities of creativity and web design features. 6. Establish connections between web application and individual visual arts/design
具備基礎邏輯思考能力,具備基礎HTML撰寫能力、電腦繪圖(Photoshop、Illustrator)等能力尤佳 Prerequisites: logical thinking It will be a plus if you have the basic HTML coding ability or computer drawing ability.
示範操作教學,其餘視課堂情況予以調整宣布 Application demonstration
課堂參與 (30%) 期中專題 (30%)(含同學互評) 期末專題 (40%)(含同學互評)
| 週次 | 主題 |
|---|---|
| 第 1 週 | 課程進度說明與討論 Syllabus explaination |
| 第 2 週 | 網頁作品觀摩與網站架構解說 Website framework demonstration |
| 第 3 週 | 介面設計說明與演練 分件說明、切版操作與實作 User interface design |
| 第 4 週 | HTML語法介紹與撰寫 Introduction of HTML |
| 第 5 週 | CSS3語法介紹與排版運用 Introduction of CSS3 (part1) |
| 第 6 週 | CSS3語法介紹與排版運用 Introduction of CSS3 (part2) |
| 第 7 週 | 期中作品網站規劃與討論 Discussion for midterm project |
| 第 8 週 | 期中作品網站規劃與討論 Discussion for midterm project |
| 第 9 週 | 期中發表 (線上網站進行展演) Midterm project (online display) |
| 第 10 週 | Responsive 網頁介紹與操作 Introduction of Responsive Web Design (part1) |
| 第 11 週 | Responsive 網頁實作與討論 Introduction of Responsive Web Design (part2) |
| 第 12 週 | Responsive 網頁實作與討論 Introduction of Responsive Web Design (part3) |
| 第 13 週 | jQuery語法介紹與運用方式操作 Introduction of jQuery (part1) |
| 第 14 週 | jQuery語法介紹與運用方式操作 Introduction of jQuery (part2) |
| 第 15 週 | jQuery語法介紹與運用方式操作 Introduction of jQuery (part3) |
| 第 16 週 | 期末作業製作與討論 Discussion for final project |
| 第 17 週 | 期末作業製作與討論 Discussion for final project |
| 第 18 週 | 期末專題發表 Final project (online display) |
請見每回課堂內容說明 Reference will be listed in the weekly course ppt.
- 地點
- classroom
- 時間
- by appointment
- 聯絡方式
- 徐慈璟老師 tuno1019@gmail.com