本課程與系所培養學生能力指標關聯度：
核心能力	能力指標	高度關聯	中度關聯	低度關聯
創意思考與問題解決能力	應用美術技巧與創意、設計及開發數位內容。	✔
視覺美感與造形表現能力	運用手繪與數位等相關技術呈現作品。	✔
數位媒體應用與整合能力	整合媒體素材。	✔
專業知識與實務執行能力	執行各種傳播媒體的企劃以及美術設計製作。		✔

本課程培養學生下列知識：

本課程引導學生學習規劃網頁製作，並且有能力製作一個兼具美感與互動的動態網頁為目標，可以製作個人的數位作品集 1.對網頁企劃製作程序有完整的概念 2.熟悉網頁設計的各個元素（圖片、文字、聲音、動畫、程式…等）。 3.規劃網站與設計管理。 4. 網頁企劃設計階段的提案報告、企畫書製作、溝通協調等能力。 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.

每週授課主題

第01週：網頁製作設計概論 第02週：網站基礎與Dreamweaver工作環境 第03週：HTML基礎 第04週：CSS基礎 第05週：網站範例與基本練習 第06週：網站範例與基本練習 第07週：網站專案分析與企劃 第08週：使用CSS與Div建立網頁版型 第09週：***期中專案展示 第10週：美化網站與上傳網站 第11週：雲端字型與網頁文字 第12週：網頁文字編排 第13週：網頁範本版型 第14週：響應式網頁設計與Bootstrap 第15週：網頁與影像 第16週：Bootstrap組件網頁 第17週：網站上線與測試 第18週：***網站期末專案展示

成績及評量方式

課堂參與：20% 隨堂練習：20% 期中專案：30% 期末專案：30%

證照、國家考試及競賽關係

■Adobe ACA-Dreamweaver ■丙級網頁設計技術士 ■TQC網頁設計證照 ■育秀盃創意設計大賽

主要教材

1.正確學會Dreamweaver的16堂課施威銘研究室旗標(教科書) 2.跟Adobe徹底研究Dreamweaver CCAdobe Creative Team上奇(教科書)

參考資料

本課程無參考資料!

建議先修課程

本課程無建議先修課程

教師資料

教師網頁：http://www.cyut.edu.tw/~cwl/ E-Mail： cwl@cyut.edu.tw Office Hour： 星期四,第5~6節,地點:R-248; 星期五,第3~4節,地點:R-248; 分機:4830、7184