| 當期課號 |
1900 |
Course Number |
1900 |
| 授課教師 |
楊美美 |
Instructor |
YANG,MEI MEI |
| 中文課名 |
網頁設計(一) |
Course Name |
Web Design (1) |
| 開課單位 |
視覺傳達設計系(四日)三A |
Department |
|
| 修習別 |
選修 |
Required/Elective |
Elective |
| 學分數 |
2 |
Credits |
2 |
| 課程目標 |
1、本課程在於讓所有設計相關的學生，學習製作一部兼具美感與互動的動態網頁設計
2、動態網頁設計元素包含圖片、文字、動畫媒體…等的編輯，及上傳至後端瀏灠器設定要點
3、本課程要求每位同學獨立完成一個完整的動態網頁設計網站，設計階段中的提案報告、企畫書製作、溝通協調….等能力，也是該課程重要的目標 |
Objectives |
1、本課程在於讓所有設計相關的學生，學習製作一部兼具美感與互動的動態網頁設計
2、動態網頁設計元素包含圖片、文字、動畫媒體…等的編輯，及上傳至後端瀏灠器設定要點
3、本課程要求每位同學獨立完成一個完整的動態網頁設計網站，設計階段中的提案報告、企畫書製作、溝通協調….等能力，也是該課程重要的目標 |
| 教材 |
課堂講義與範例實作 / 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、網頁製作概要、網站設計的要點與評鑑
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 |