| 當期課號 | 2103 | Course Number | 2103 |
|---|---|---|---|
| 授課教師 | 楊美美 | Instructor | YANG,MEI MEI |
| 中文課名 | 網頁製作設計 | Course Name | Web Design |
| 開課單位 | 視覺傳達設計系(四日)二A | Department | |
| 修習別 | 選修 | Required/Elective | Elective |
| 學分數 | 2 | Credits | 2 |
| 課程目標 | 課程設計以學生獨立完成網站為目標，網站規劃、網頁設計、素材整合、熟悉製作工具操作都是本課程內容。 | Objectives | Students have the ability to achieve a web design in the class. The content of the class is included web plan、web design、gathering web material and web editing tools to know well. |
| 教材 | 課堂講義與範例實作 | Teaching Materials | Class PrintOut 、Practice as Real Works |
| 成績評量方式 | 平常成績（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） |
| 教師網頁 | http://brc.life.nthu.edu.tw/meimei | ||
| 教學內容 | 1、網頁製作概要、網站設計的要點與評鑑 2、DreamWeaver面板介紹及定義網站 3、網頁屬性定義 (基本網頁排版、屬性設定、gif檔與jpg檔的不同) 4、表格與表單應用 (表格操作、屬性、表單元件、範圍、製作) 5、何謂分割視窗與超連結(template的使用) 6、Frameset屬性設定、Frame屬性設定、站內連結 7、何謂錨點、站外連結、影像地圖連結 8、何謂template、製作template 9、物件(object)與行為指令(behavior)的使用 10、object-layer使用, Rollover Image,,時間軸觀 11、加入多媒體(音樂、plug-in影片、,動畫).behavior 12、進階與外掛程式與管理網站、上傳之設定 13、Layout View、製作flash按鈕、ftp上傳、 Extension Manager 14、More Dreamweaver Extension 15、Basic Flash 16、Basic Flash 17、Final WebPage Discuss 18、Final Webpage Project |
Syllabus | 1、Making the WebPage、Evaluation in Web Design 2、Basic of DreamWeaver 、Define web site 3、Define Webpage Property (Basic Page Layout、Property、Differences in gif and jpg) 4、Using Frame and Table (Frames、Property、Table、Margin、Create) 5、Slip Window and Hyper Link(Using template) 6、Frameset、Frame Property、Local Link 7、Point、Remote Link、Bitmap 8、Template、Makingtemplate 9、Using Object and Behavior 10、Object-layer, Rollover ImageTime Line 11、Adding Others Media(Sound、plug-in movie、Animation) and Behavior 12、Advance and Extension Script、Manage Web Site 13、Layout View、 flash button、ftp Upload、 Extension Manager 14、More Dreamweaver Extension 15、Basic Flash 16、Basic Flash 17、Final WebPage Discuss 18、Final Webpage Project |