網頁版型程式設計

臺北科技大學 115-1 學期課程，課號 362688。

課程大綱

近年來網頁技術的快速發展，網頁設計也從傳統的後台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 Week 14: HTML5 API introduction Week 15: RWD webpage design Week 16: Final Exam Week 17: Human-AI-collaboration project proposal presentation Week 18: Human-AI-collaboration project exhibition

評量方式

Attendance: 20% Assignments and Pop quizzes: 30% Midterm exam: 25% Final Exam: 15% Human-AI-collaboration project: 10% (5%+5%)

教材

【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】 使用外文原文書：否 The materials provided in this course, and the tutorials and resource from the Internet.