當期課號 |
1446 |
Course Number |
1446 |
授課教師 |
楊美美 |
Instructor |
YANG,MEI MEI |
中文課名 |
網路媒體設計(二) |
Course Name |
Web Media Design |
開課單位 |
視覺傳達設計系(四日)三A |
Department |
|
修習別 |
選修 |
Required/Elective |
Elective |
學分數 |
2 |
Credits |
2 |
課程目標 |
本課程以培養每一位與設計相關的學生,製作一個兼具美感與互動的動態網頁的能力為目標,以作為個人的數位作品集。製作過程中要熟悉多媒體的各個元素表現(圖片、文字、聲音、動畫…等),經由創意腳本、製作腳本、畫面設計、程式編序、音訊整合等流程,而完成一個網頁互動電腦多媒體的作品。 |
Objectives |
This class is for those students there major is relative to design , to produce the animation webpage with aesthetics and interaction, which will stand for the student’s digital portfolio. Students will be skillful with each element of multimedia, such as graphic, text, sound, animation ..etc. with following the class program. The process will go through creative storyboard, produce storyboard, interface design, script programe, sound edit.… interaction each of them to accomplish an imteractive animation webpage. |
教材 |
課堂講義與範例實作 / Class PrintOut 、Practice as Real Works |
Teaching Materials |
|
成績評量方式 |
平常成績(10%)、三大作業(45%)、期末作品(45%) 作品評鑑依據(設計、豐富、互動、整體、創意) *Web Planning Report *Welcome Page Design *網站企劃書 *Final Project |
Grading |
*Web Planning Report*Welcome Page Design *Web Plan Book *Final Project Paricipate(10%)、Three Assignment(45%)、Final Works(45%) Works Grade According(Design、Mutiple、Interactive、Integral、Creative) |
教師網頁 |
|
教學內容 |
1、進階FlashMX Action Script 2、進階FlashMX Action Script 3、網頁製作概要、網站設計的要點與評鑑 4、DreamWeaver面板介紹及定義網站 5、網頁屬性定義 (基本網頁排版、屬性設定、gif檔與jpg檔的不同) 6、表格與表單應用 (表格操作、屬性、表單元件、範圍、製作) 7、何謂分割視窗與超連結(template的使用) 8、Frameset屬性設定、Frame屬性設定、站內連結 9、何謂錨點、站外連結、影像地圖連結 10、何謂template、製作template 11、物件(object)與行為指令(behavior)的使用 12、object-layer使用, Rollover Image,,時間軸觀 13、加入多媒體(音樂、plug-in影片、,動畫).behavior 14、進階與外掛程式與管理網站、上傳之設定 15、Layout View、製作flash按鈕、ftp上傳、 Extension Manager 16、More Dreamweaver Extension 17、Final WebPage Discuss 18、Final Webpage Project |
Syllabus |
1、Advance FlashMX Action Script 2、Advance FlashMX Action Script 3、Making the WebPage、Evaluation in Web Design 4、Basic of DreamWeaver 、Define web site 5、Define Webpage Property (Basic Page Layout、Property、Differences in gif and jpg) 6、Using Frame and Table (Frames、Property、Table、Margin、Create) 7、Slip Window and Hyper Link(Using template) 8、Frameset、Frame Property、Local Link 9、Point、Remote Link、Bitmap 10、Template、Makingtemplate 11、Using Object and Behavior 12、Object-layer, Rollover ImageTime Line 13、Adding Others Media(Sound、plug-in movie、Animation) and Behavior 14、Advance and Extension Script、Manage Web Site 15、Layout View、 flash button、ftp Upload、 Extension Manager 16、More Dreamweaver Extension 17、Final WebPage Discuss 18、Final Webpage Project |