旨在培養學生網頁設計的概念與製作網頁的能力，利用w3schools的線上教材讓學生實作及時得到成果，使學生熟悉HTML基本元件功能，能對網頁設計的概念有清楚的認識，介紹網頁設計工具如Dreamweaver及Google協作平台，並以JavaScript和DOM腳本鏈接後台MS SQL20008資料庫，導入ASP.net 為前台Web界面的設計工具, 課堂上實作基本圖形優化，多媒體製作。為學生打好互動式網頁設計不可缺少的設計工具。

It aims to cultivate students' concepts of web design and the ability to create web pages. It uses w3schools' online teaching materials to allow students to achieve timely results through implementation, so that students are familiar with the functions of basic HTML components and have a clear understanding of the concepts of web design. It introduces web design tools such as Dreamweaver and Google Collaboration Platform, and uses JavaScript and DOM scripts to link to the back-end MS SQL20008 database. It imports ASP.net as the design tool for the front-end web interface. Basic graphics optimization and multimedia production are implemented in class. An indispensable design tool for students to develop interactive web design.

書名︰ Dreamwaver CS6 網頁設計應用集
作者︰吳燦銘，鄭苑鳳
出版社︰ 搏碩文化
年份︰ 2012 八月
ISBN：978-986-201-631-2


書名︰ http://www.w3schools.com/html/html_blocks.asp.
作者︰w3schools
出版社︰w3schools
年份︰2014

Book Title: Dreamwaver CS6 Web Design Application Collection
Author: Wu Canming, Zheng Yuanfeng
Publisher: Boshuo Culture
Year: August 2012
ISBN: 978-986-201-631-2


Book title: http://www.w3schools.com/html/html_blocks.asp.
Author: w3schools
Publisher: w3schools
Year: 2014