Course Syllabus

Course Information：

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Fall Semester Year 2026	362688	Web layout design and programming	1	3.0	3	★	Lee-Jyi Wang	4IDI2	0	0	計中電腦教室

Course Plan：

Instructor	Lee-Jyi Wang　Office Hours
Email	richwang@ntut.edu.tw
Last Updated	2026-06-05 17:01:55
Course Objective	近年來網頁技術的快速發展，網頁設計也從傳統的後台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.
Course Schedule	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
Evaluation and grading policy	Attendance: 20% Assignments and Pop quizzes: 30% Midterm exam: 25% Final Exam or project: 25%
Materials	All right reserved. Do not reproduce without permission. Foreign-language textbooks:No The materials provided in this course, and the tutorials and resource from the Internet.
The access to curricular consultation	For any inquiry, please use the following contact information: Email: richwang@ntut.edu.tw Line ID: richwang.line
Expanding teaching and resources	● 混成學習 (Blended Learning) 課程結合實體授課與線上學習（同步視訊／非同步活動）。 Combines face-to-face instruction with online learning (including synchronous video sessions or asynchronous activities).
The course corresponds to the SDGs	SDG4：優質教育（Quality Education）
Does the course incorporate AI	● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process）
Note	因應疫情發展，本學期教學及授課方式請依照學校網頁所公布之訊息為準： (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.