本課程與系所培養學生能力指標關聯度：
核心能力	能力指標	高度關聯	中度關聯	低度關聯
修習本科目使我具備設計與執行實驗，以及分析結果之能力。	具有分析、規劃與設計應用程式之能力。	✔
修習本科目使我具備執行資訊工程實務所需之知識、技術以及使用軟體工具之能力。	具有使用資訊工程相關技術與工具的能力。	✔
修習本科目使我具備執行資訊工程實務所需之知識、技術以及使用軟體工具之能力。	具有將資訊工具與技術加以改良發展的能力。	✔
修習本科目使我具備發掘、分析及處理資訊實務問題之能力。	具備處理資訊相關實務問題的能力。	✔

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

本課程主要目的在於建立學生網站設計之基礎概念，培養操作與應用網頁設計軟體、及多媒體編輯工具之基本應用知能，熟悉HTML、Javascript基本語法及應用，以PHP及MySQL資料庫設計互動式網站。另外，響應式網頁設計(Responsive Web Design)是一種網頁設計開發技術，它讓不同的裝置都可以瀏覽同一網站，提供最佳的視覺體驗，是個因移動平台的用戶大量增加而想出的一個對應方法，此課程也將教授學生如何設計響應式網頁。 1.網頁/站運作方式及原理 2.網頁設計專業知識 3.網頁基本結構 4.網頁設計相關技術 5.網頁設計軟體之操作及應用 6.基本網頁製作：多媒體工具應用(Video, Voice, image, animation) 7.HTML、CSS、Javascript、HTML5基本語法及應用 8.PHP、MySQL基本語法及互動式網站設計 9.響應式網頁設計 The goal of this course is to teach the students for understanding the fundamental concept of web page design. It will introduce the web page design software, multi-media software, HTML and JavaScript syntax and application. It also includes the construction of interactive web under PHP and MySQL database. In addition, the Responsive Web Design (RWD) will be also introduced in this course.

每週授課主題

第01週：Web 及 ASP.NET開發環境及本課程介紹 第02週：HTML 5 實務介紹(一) 第03週：HTML 5 實務介紹(二) 第04週：HTML 5 實務介紹(三) 第05週：CSS 3 實務介紹 第06週：JavaScript 實務介紹(一) 第07週：JavaScript 實務介紹(二) 第08週：瀏覽器 DOM 及 BOM 物件模型 第09週：JQuery 實務介紹 第10週：期中考 第11週：ASP.NET開發環境 第12週：資料輸入及選擇控制項(一) 第13週：資料輸入及選擇控制項(二) 第14週：Web 應用程式狀態管理 第15週：AJAX 與 XML DOM(一) 第16週：AJAX 與 XML DOM(二) 第17週：期末成果報告(一) 第18週：期末成果報告(二)

成績及評量方式

課程參與作業：20% 期中考：35% 實作成果 ：45%

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

本課程無證照、國家考試及競賽資料。

主要教材

1.從HTML5, CSS3, JavaScript 到 jQuery 程式設計陳會安旗標出版股份有限公司978-986-312-038-420151(教科書) 2.ASP.NET 4.6 網頁製作徹底研究陳會安旗標出版股份有限公司978-986-312-348-420161(教科書)

參考資料

本課程無參考資料!

建議先修課程

本課程無建議先修課程

教師資料

教師網頁：http://www.cyut.edu.tw/~calsasrd/ E-Mail： calsasrd@cyut.edu.tw Office Hour： 分機: