V3740 教學大綱表

教學大綱表 (114學年度第2學期)

請遵守智慧財產權，勿使用非法影印教科書，避免觸法。

課程名稱 Course Title	(中文) 手持裝置網頁設計 (英文) Web Page Design On Handheld Device			開課單位 Departments	數位媒體設計學系
				課程代碼 Course No.	V3740
授課教師 Instructor	黃維信
學分數 Credit	2.0	必/選修 core required/optional	選修	開課年級 Level	大三
先修科目或先備能力(Course Pre-requisites)：建議具備HTML、CSS及Javascript的基本能力
課程概述與目標(Course Overview and Goals)：教導學生認識什麼是RWD（響應性網頁設計），如何設計符合RWD的網站。
教科書(Textbook)	無，自編講義

課程大綱 Syllabus			學生學習目標 Learning Objectives	單元學習活動 Learning Activities	學習成效評量 Evaluation	備註 Notes
序 No.	單元主題 Unit topic	內容綱要 Content summary	學生學習目標 Learning Objectives	單元學習活動 Learning Activities	學習成效評量 Evaluation	備註 Notes
1	課程介紹與網頁設計概念	針對課程內容進行說明，並介紹網頁運作之基本概念，及進行網頁設計時應具備之基礎能力。	瞭解網頁運作之原理，並熟悉HTML標籤、WebAssembly、Node.js等運作概念。	討論講授實作	作業
2	網頁/網站設計概念	說明網頁到網站設計的基本概念，先學習如何瞭解網頁及網站設計的注意事項，有助於未來實際進行設計。	瞭解網頁的架構規劃，學習如何繪製網站架構圖。	討論講授	作業
3	網頁設計技術介紹	介紹前端、後端及全端的網頁設計技術	讓學生知道前端、後端及全端網頁設計應具備之能力，以做為未來學習規劃之參考，可規劃自訂學習目標。	討論講授	作業
4	學期期末作品規劃報告	讓學生自行設定期末預計要完成的作品主題進行報告	讓學生學習如何針對期末預計完成的網站作品，進行主題報告、功能架構規劃報告。	討論心得發表	作業
5	RWD概念介紹	介紹使用Bootstrap製作RWD網頁之運作概念	掌握使用Bootstrap如何設計出符合RWD之網頁觀念，後續在進行網頁設計時，對於網頁版面之設計更能從RWD之角度著手。	講授實作	作業
6	網站設計想法介紹	針對期末作業的網頁設計主題，由學生分享設計想法，並說明UI設計內容。	學生沿用上週學習到的RWD概念，針對期末作業提出網頁UI的想法，並說明UX的考量。	討論講授	作業
7	清明連假	指定學生自學之內容	學生依指定之自學內容進行學習
8	期中考週	學生繳交期中作業	學生依指定的作業內容提交期中作業		期中考
9	Bootstrap介紹	介紹並使用Bootstrap所提供的元件進行實作練習	掌握Bootstrap元件的使用	講授實作	作業
10	Bootstrap實作練習(I)	持續介紹Bootstrap提供的元件使用方式	熟悉不同Bootstrap元件的使用，並將其整合到網頁設計中。	討論講授實作
11	Bootstrap實作練習(II)	持續介紹Bootstrap提供的元件使用方式	熟悉不同Bootstrap元件的使用，並將其整合到網頁設計中。	討論講授實作	作業
12	網站UI/UX討論	針每位學生期末作業網頁的UI/UX進行討論	說明期末作業網頁的UI/UX設計規劃	討論講授
13	網站UI/UX討論	針每位學生期末作業網頁的UI/UX進行討論	說明期末作業網頁的UI/UX設計規劃	討論講授
14	RWD資源分享與整合實作	整合網路上分享之RWD模版，並學習整合到自己的網站專案中。	如何搜尋網路資源，並學習如何拆解出自己所需之資源，並將其整合至自己的網站專案中。	討論講授實作	作業
15	期末成果預報	針對已完成的期末網站成果進行報告，以做為後續修正之參考。	學習如何依據討論後之意見進行網站修改	討論講授	作業
16	期末考週	學生繳交期末作業	學生依指定的作業內容提交期末作業		期末考

彈性教學週活動規劃

序 No.	實施期間 Period	實施方式 Content	教學說明 Teaching instructions	彈性教學評量方式 Evaluation	備註 Notes
1	起:2026-02-23 迄:2026-06-22	3.實作 Practical class	線上自學網頁設計輔助工具Figma，並應用於版面及雛型設計，	作業繳交指定使用Figma，以進行學習成果評量。

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

成績考核 Performance Evaluation：期末考：30% 期中考：30% 其他評量：10% 彈性教學：10% 作業：20%

教學資源(Teaching Resources)：
□ 教材電子檔(Soft Copy of the Handout or the Textbook)
□ 課程網站(Website)
扣考規定：https://curri.ttu.edu.tw/p/412-1033-1254.php