教學大綱表 (109學年度 第2學期)
請遵守智慧財產權,勿使用非法影印教科書,避免觸法。
課程名稱
Course Title
(中文) 網頁設計
(英文) Web Page Design
開課單位
Departments
媒體設計學系
課程代碼
Course No.
V2110
授課教師
Instructor
莊羽柔
學分數
Credit
2.0 必/選修
core required/optional
必修 開課年級
Level
大二
先修科目或先備能力(Course Pre-requisites):
課程概述與目標(Course Overview and Goals): 網頁是現在最重要的訊息傳播管道。而HTML5結合CSS3以及JavaScript(orjQuery)的互動網頁是現今最為熱門的網頁製作技術。學習網頁相關的技術與知識相當廣泛,若將來想使用網路做為訊息溝通的媒介,必須要對相關技術有更深入的了解。本課程除講解相關技術之外,也盡可能以深入淺出的方式教學,適合所有對網頁設計有興趣之初學者,並以Adobe Dreamweave作為實做練習軟體。
教科書(Textbook)
參考教材(Reference)
課程大綱 Syllabus 學生學習目標
Learning Objectives
單元學習活動
Learning Activities
學習成效評量
Evaluation
備註
Notes

No.
單元主題
Unit topic
內容綱要
Content summary
1 課程介紹 認識本課程 認識本課程  
2 認識相關作品 瀏覽知名範例並講解了解甚麼是網頁設計 瀏覽知名範例並講解了解甚麼是網頁設計  
3 從HTML開始-1 基本HTML架構 基本HTML架構  
4 從HTML開始-2 HTML標籤教學 HTML標籤教學  
5 認識CSS CSS使用方式與架構 CSS使用方式與架構  
6 CSS教學-1 如何能活用CSS,讓自己的網頁更為漂亮 如何能活用CSS,讓自己的網頁更為漂亮  
7 CSS教學-2 CSS排版教學 CSS排版教學  
8 CSS結合HTML RWD排版教學 RWD排版教學  
9 期中報告 報告及驗收學習成效 報告及驗收學習成效  
10 HTML5教學 如何從HTML4進階到HTML5 如何從HTML4進階到HTML5  
11 HTML5&CSS 如何從HTML4進階到HTML5 如何從HTML4進階到HTML5  
12 HTML5&CSS HTML5&CSS HTML5&CSS  
13 開發工具介紹-1 認識Adobe Dreamweaver 認識Adobe Dreamweaver  
14 開發工具介紹-2 回應式網頁設計(Responsive Web Design) 回應式網頁設計(Responsive Web Design)  
15 細講Dreamweaver 了解DW中有甚麼其他的好用工具 了解DW中有甚麼其他的好用工具  
16 設計稿轉成網頁 設計稿轉成網頁排版教學 設計稿轉成網頁排版教學  
17 網頁排版的細部注意細項 網頁排版的細部注意細項 網頁排版的細部注意細項  
18 期末總結 期末網頁繳交發表 期末網頁繳交發表  


教學要點概述:
1.自編教材 Handout by Instructor:
□ 1-1.簡報 Slids
□ 1-2.影音教材 Videos
□ 1-3.教具 Teaching Aids
□ 1-4.教科書 Textbook
□ 1-5.其他 Other
□ 2.自編評量工具/量表 Educational Assessment
□ 3.教科書作者提供 Textbook

成績考核 Performance Evaluation: 期末考:30%   期中考:30%   其他評量:10%   作業:30%  

教學資源(Teaching Resources):
□ 教材電子檔(Soft Copy of the Handout or the Textbook)
□ 課程網站(Website)
扣考規定:http://eboard.ttu.edu.tw/ttuwebpost/showcontent-news.php?id=504