教學目標：
01.了解網站企劃與製作流程。
02.了解網頁設計之視覺構成、配色、使用介面、使用習慣之關係。
03.熟悉Dreamweaver CS4軟體之基本操作。
04.具備網頁設計之製作能力。
-------------------------------------------------------------------------------
教學內容：
本課程以視覺設計的觀點切入並搭配實際範例進行教學，除了Dreamweaver CS4軟體的基本操作、網站企劃與製作流程外，並學習網頁設計之視覺構成、配色、使用介面、使用習慣的等重要觀念。因此課程著重於視覺設計(Layout)與網頁技術(Web Html)的整合，讓網站的整體視覺風格更具吸引力，網站的使用介面更富人性化。
-------------------------------------------------------------------------------
使用軟體：
視覺構成Adobe Photoshop CS4
網頁完稿Adobe Dreamweaver CS4
網頁動畫Adobe Flash CS4
-------------------------------------------------------------------------------
課程進度：
第 一 週
課程介紹 & 作業說明
使用軟體介紹 & 網站設計概述
第 二 週
企劃：網站企劃與設計流程
技術：Dreamweaver基本介紹
第 三 週
視覺：網站類型概述與解析
技術：網站建立的基本觀念
文字編排與美化技巧(Html & CSS)
第 四 週
視覺：網站配色法則
技術：圖片的匯入與應用
超連結設定
第 五 週
視覺：人性化之版面設計
技術：網頁結構與構成(Table的使用技巧)
版面物件設定
第 六 週
視覺：網頁設計的第一步_視覺構成(Photoshop & Illustrator)
技術：使用圖層物件(Layer的使用技巧)
匯入多媒體物件(flash動畫、影片、音樂…)
第 七 週
視覺：網站作品欣賞
技術：頁框運用(frame & iframe)、另開視窗、全螢幕視窗
網站發佈與維護、頁面命名與檔案管理
第 八 週
期中作業報告A組(分組報告，以2人一組為原則)
第 九 週
期中作業報告B組(分組報告，以2人一組為原則)
第 十 週
視覺：網站作品欣賞
技術：CSS樣式設定
Template樣板製作
第十一週
視覺：網站作品欣賞
技術：互動表單製作
行為指令應用(Behaviors)
第十二週
視覺：網站作品欣賞
技術：Gif動畫製作(Photoshop)
Flv格式影片應用(Adobe Media Encoder)
第十三週
視覺：網站作品欣賞
技術：網頁設計的第二步_網頁切圖(Photoshop)
網頁圖形最佳化設定與輸出
案例：EDM設計 & 製作完稿
電子報設計 & 製作完稿
第十四週
視覺：網站作品欣賞
技術：網頁版面規劃(活頁&固定)
案例操作：靜態網站設計 & 製作完稿
期末作品討論 & 修正
第十五週
視覺：網站作品欣賞
技術：認識HTML基本語法
期末作品討論 & 修正
第十六週
視覺：網站作品欣賞
技術：網站上傳、更新與管理
期末作品討論 & 修正
第十七週
期末作品欣賞(A組報告)
第十八週
期末作業繳交(B組報告)(期末展覽)
-------------------------------------------------------------------------------
成績評量：
01.平時成績 30% (出席狀況 & 課堂互動 & 平時作業)
02.期中作業 30%
03.期末作業 40% (期末作業展)
-------------------------------------------------------------------------------
參考網站：
01.Adobe Dreamweaver CS3中文使用說明
http://livedocs.adobe.com/zh_TW/Dreamweaver/9.0/index.html
02.Adobe Dreamweaver CS4中文使用說明
http://help.adobe.com/zh_TW/Dreamweaver/10.0_Using/index.html
-------------------------------------------------------------------------------
參考書目：
01.跟Adobe徹底研究Dreamweaver CS4作者：Adobe Creative Team
http://www.books.com.tw/exep/prod/booksfile.php?item=0010424077
02.WEB LAYOUT
http://www.books.com.tw/exep/prod/booksfile.php?item=0010350067
03.Web+設計的黃金則 - Web Color 配色虎之卷
http://www.books.com.tw/exep/prod/booksfile.php?item=0010400657
-------------------------------------------------------------------------------
無所不作 2009.09.26
0 意見:
張貼留言