本課旨在教導學生架設網站所需之語言、軟體以及相關知識與能力，以備將來從事網路相關之行業。所教授知能包括：

1. 架設網站語言入門，如 HTML, CSS 和 Javascripts
2. 架設網站工具箱，如 Dreamweaver 和Photoshop
3. 架設網站原則與範例研究修畢此課，同學應可以依據所教授之架設網站原則與技術，架設一個展現型網站，並了解如何更進一步增進程式設計或是美工設計方面的網站設計能力。

修畢此課，同學應可以依據所教授之架設網站原則與技術，架設一個展現型網站，並了解如何更進一步增進程式設計或是美工設計方面的網站設計能力。

週次 課程內容

第1週 Introduction to web

第2週 Building a web page

第3週 Building a web site

第4週 Introduction to CSS (徐星吉)

第5週 CSS tutorial (徐星吉)

第6週 Advanced HTML (徐星吉)

第7週 JavaScript Programming (徐星吉)

第8週 Best Practices

第9週 Exam

第10週 Graphic Design – Overview & Grid System & case study

第11週 Photoshop – Intro & Overview

第12週 Photoshop – graphic design & create mockups (林孝馨)

第13週 Photoshop – images animation & slicing , create web pages(林孝馨)

第14週 Website Design and Planning – Create Style guide (林孝馨)

第15週 Dreamweaver – Intro & Overview

第16週 Dreamweaver – basic layout & editing (林孝馨)

第17週 Dreamweaver – practices & case study

第18週 Final Project Presentation

週次 課程內容

第1週 Introduction to web

第2週 Building a web page

第3週 Building a web site

第4週 Introduction to CSS (徐星吉)

第5週 CSS tutorial (徐星吉)

第6週 Advanced HTML (徐星吉)

第7週 JavaScript Programming (徐星吉)

第8週 Best Practices

第9週 Exam

第10週 Graphic Design – Overview & Grid System & case study

第11週 Photoshop – Intro & Overview

第12週 Photoshop – graphic design & create mockups (林孝馨)

第13週 Photoshop – images animation & slicing , create web pages(林孝馨)

第14週 Website Design and Planning – Create Style guide (林孝馨)

第15週 Dreamweaver – Intro & Overview

第16週 Dreamweaver – basic layout & editing (林孝馨)

第17週 Dreamweaver – practices & case study

第18週 Final Project Presentation

四、創意及特殊規劃

為英文系學生量身製作之網站設計課程，兼顧程式語言與美工設計。

五、作業設計

• 學習網站建構功能與美工技巧隨堂小作業10個
• 期末完整網站30%

六、指定用書及參考書籍參考教材：

1. 施威銘研究室，正確學會Dreamweaver CS4 的16 堂課，旗標
2. 呂聰賢編著，數位專案主題式網站設計教學-整合應用，松崗
3. 陳盈臻、蕭文卿編著，Flash 商業民宿網站設計，松崗

七、實習課程：安排學生實習實作之方式、督導及紀錄學生實習情形之規劃等(A 類計畫免填)

八、成績考核：學生學習/實習成效評估與學習/實習評量之方式及評分標準等

• 出席10%
• 隨堂小作業10 個 50%
• 期末完整網站40%

九、預期成果修畢此課，學生得以

1. 了解製作網站原則
2. 合力製作一個主題網站
3. 了解繼續改進此網站，與程式設計或美工設計進修的方式。

十、 網頁規劃

(1)課程網頁將呈現於：http://english.fju.edu.tw/DigitalEducation/CurrentCourse.asp

(2)學生佳作彙整頁：http://english.fju.edu.tw/students/honor.asp

(3)預計配合總計畫製作「台灣文化我抱報」網站十一、其他