多媒體網頁設計實務

Multimedia Web Page Design

學期

110-1

學分

3 學分

當期課號

5836

永久課號

IAA5484

開課單位

應用藝術研究所

授課教師

徐慈璟

校區

光復

類別

選修

上課時間表

節	週五
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. 突破平面靜態的限制,揮灑更多元動態的設計創意 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 features of individual visual arts/design

先修科目

具備基礎電腦繪圖(Photoshop、Illustrator)等能力,具備基礎HTML撰寫能力尤佳 Prerequisites: Adobe Photoshop or Illustrator It will be a plus if you have the basic HTML coding ability .

教學方式

示範操作教學,其餘視課堂情況予以調整宣布 Application demonstration

評分方式

(1) 課堂參與/Participation (50%) (2) 期中專題/ Midterm(25%) (3) 期末專題/ Final project(25%)

週次計畫

週次	主題
第 1 週	課程進度說明與討論 Syllabus explaination 使用webex進行線上課程,請於課前10分鐘再登入 https://nycu.webex.com/nycu/j.php?MTID=m0007bf8080130a6e680b4cc800bf4073
第 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 週	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 週	Responsive 網頁實作與討論 Introduction of Responsive Web Design (part3)
第 16 週	開國紀念日調整放假
第 17 週	期末專題製作與討論 Discussion for final project
第 18 週	期末專題發表 Final project (online display)

教科書

請見每回課堂內容說明 Reference will be listed in the weekly course ppt.

Office Hours

地點: classroom
時間: by appointment
聯絡方式: tuno1019@gmail.com