查詢教學大綱與進度

教學大綱與進度

課程基本資料：

學年期課號課程名稱階段學分時數修教師班級人撤備註

115-1 362688 網頁版型程式設計 1 3.0 3 ★ 王李吉互動外生二 14 0 計中電腦教室

學年期	課號	課程名稱	階段	學分	時數	修	教師	班級	人	撤	備註
115-1	362688	網頁版型程式設計	1	3.0	3	★	王李吉	互動外生二	14	0	計中電腦教室

教學大綱與進度：

教師姓名王李吉　教師諮商時間(Office Hours)

Email richwang@ntut.edu.tw

最後更新時間 2026-06-05 17:01:55

課程大綱近年來網頁技術的快速發展，網頁設計也從傳統的後台PHP進展到以HTML5+CSS3+Javascript技術為主的前端工程。此外，UI／UX的協同設計也是建立一個好的網頁的重要部分。本課程旨在教導學生使用HTML5+CSS3+Javascript技術進行現代化的網頁設計，課程內容以靜態網頁的版面設計為主，包含RWD的響應式跨平台網頁設計。其中也涵蓋了UI／UX的概念建立。期待同學能經由這門課建立前端工程需要的基本技能。 In recent years, the rapid development of web technology, web design has also progressed from the traditional platform- PHP to HTML5+ CSS3 + Java script technology-based, front-end engineering. In addition, the collaborative design of the UI/UX is an important part of building a good Web page. This course is designed to teach students to modernize web design using HTML5-CSS3-Javascript technology, with a focus on static web layout and responsive cross-platform web design with RWD. It also covers the concept building of UI/UX. Expect students to establish the basic skills needed for front-end engineering through this course.

課程進度 Week 01: HTML introduction and Visual studio code installation Week 02: Basics of HTML - 1 Week 03: Basics of HTML - 2 Week 04: CSS introduction Week 05: CSS selector and its application Week 06: JavaScript introduction Week 07: Corporation of Javascript and CSS Week 08: JavaScript application - 1 Week 09: Midterm Exam Week 10: JavaScript application - 2 Week 11: JavaScript application - 3 Week 12: JavaScript application - AI included Week 13: CSS3 animation - 1 Week 14: HTML5 API introduction Week 15: CSS3 animation - 2 Week 16: RWD webpage design Week 17: Project proposal presentation Week 18: Project demonstration/Final Exam

評量方式與標準 Attendance: 20% Assignments and Pop quizzes: 30% Midterm exam: 25% Final Exam or project: 25%

使用教材、參考書目或其他 【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】

使用外文原文書：否
The materials provided in this course, and the tutorials and resource from the Internet.

課程諮詢管道 For any inquiry, please use the following contact information:
Email: richwang@ntut.edu.tw
Line ID: richwang.line

延伸教學與資源 ● 混成學習 (Blended Learning)
課程結合實體授課與線上學習（同步視訊／非同步活動）。
Combines face-to-face instruction with online learning (including synchronous video sessions or asynchronous activities).

課程對應SDGs指標 SDG4：優質教育（Quality Education）

課程是否導入AI ● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process）

備註因應疫情發展，本學期教學及授課方式請依照學校網頁所公布之訊息為準： (https://oaa.ntut.edu.tw/p/404-1008-98622.php?Lang=zh-tw) In case of the need for distance learning, the on-line teaching will be given during the official class hours using Microsoft Teams.

教師姓名	王李吉　教師諮商時間(Office Hours)
Email	richwang@ntut.edu.tw
最後更新時間	2026-06-05 17:01:55
課程大綱	近年來網頁技術的快速發展，網頁設計也從傳統的後台PHP進展到以HTML5+CSS3+Javascript技術為主的前端工程。此外，UI／UX的協同設計也是建立一個好的網頁的重要部分。本課程旨在教導學生使用HTML5+CSS3+Javascript技術進行現代化的網頁設計，課程內容以靜態網頁的版面設計為主，包含RWD的響應式跨平台網頁設計。其中也涵蓋了UI／UX的概念建立。期待同學能經由這門課建立前端工程需要的基本技能。 In recent years, the rapid development of web technology, web design has also progressed from the traditional platform- PHP to HTML5+ CSS3 + Java script technology-based, front-end engineering. In addition, the collaborative design of the UI/UX is an important part of building a good Web page. This course is designed to teach students to modernize web design using HTML5-CSS3-Javascript technology, with a focus on static web layout and responsive cross-platform web design with RWD. It also covers the concept building of UI/UX. Expect students to establish the basic skills needed for front-end engineering through this course.
課程進度	Week 01: HTML introduction and Visual studio code installation Week 02: Basics of HTML - 1 Week 03: Basics of HTML - 2 Week 04: CSS introduction Week 05: CSS selector and its application Week 06: JavaScript introduction Week 07: Corporation of Javascript and CSS Week 08: JavaScript application - 1 Week 09: Midterm Exam Week 10: JavaScript application - 2 Week 11: JavaScript application - 3 Week 12: JavaScript application - AI included Week 13: CSS3 animation - 1 Week 14: HTML5 API introduction Week 15: CSS3 animation - 2 Week 16: RWD webpage design Week 17: Project proposal presentation Week 18: Project demonstration/Final Exam
評量方式與標準	Attendance: 20% Assignments and Pop quizzes: 30% Midterm exam: 25% Final Exam or project: 25%
使用教材、參考書目或其他	【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】使用外文原文書：否 The materials provided in this course, and the tutorials and resource from the Internet.
課程諮詢管道	For any inquiry, please use the following contact information: Email: richwang@ntut.edu.tw Line ID: richwang.line
延伸教學與資源	● 混成學習 (Blended Learning) 課程結合實體授課與線上學習（同步視訊／非同步活動）。 Combines face-to-face instruction with online learning (including synchronous video sessions or asynchronous activities).
課程對應SDGs指標	SDG4：優質教育（Quality Education）
課程是否導入AI	● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process）
備註	因應疫情發展，本學期教學及授課方式請依照學校網頁所公布之訊息為準： (https://oaa.ntut.edu.tw/p/404-1008-98622.php?Lang=zh-tw) In case of the need for distance learning, the on-line teaching will be given during the official class hours using Microsoft Teams.