查詢教學大綱與進度

教學大綱與進度

課程基本資料：

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

114-1 348615 網頁版型程式設計 1 3.0 3 ★ 俞齊山互動二 39 0 計中電腦教室,限40人

學年期	課號	課程名稱	階段	學分	時數	修	教師	班級	人	撤	備註
114-1	348615	網頁版型程式設計	1	3.0	3	★	俞齊山	互動二	39	0	計中電腦教室,限40人

教學大綱與進度：

教師姓名俞齊山

Email chisamyu@seed.net.tw

最後更新時間 2025-05-20 20:40:18

課程大綱近年來網頁技術的快速發展，網頁設計也從傳統的後台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.

課程進度 wk1:課程簡介與起手勢 wk2:HTML5 wk3:CSS3 wk4:CSS3 wk5:UI設計 wk6:JS wk7:jQuery wk8: RWD簡介 wk9:期中專題DEMO wk10: BootStrap wk11: 響應式網頁與十大易用性 wk12: 動畫設計 wk13: UX設計 wk14: Firebase應用 wk15:服務設計與網頁設計趨勢 wk16:資訊圖表設計 wk17:期末專題企劃報告 wk18:期末專題DEMO

評量方式與標準期中專題 30% 期末專題 30% 出席 10% 作業 30%

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

使用外文原文書：否
自編教材

課程諮詢管道 FB臉書

課程對應SDGs指標無（None）
SDG1：消除貧窮（No Poverty）
SDG2：消除飢餓（Zero Hunger）
SDG3：良好健康和福祉（Good Health and Well-being）
SDG4：優質教育（Quality Education）
SDG5：性別平等（Gender Equality）
SDG6：潔淨水與衛生（Clean Water and Sanitation）
SDG7：可負擔的潔淨能源（Affordable and Clean Energy）
SDG8：尊嚴就業與經濟發展（Decent Work and Economic Growth）
SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure）
SDG10：減少不平等（Reduced Inequalities）
SDG11：永續城市與社區（Sustainable Cities and Communities）
SDG12：負責任的消費與生產（Responsible Consumption and Production）
SDG13：氣候行動（Climate Action）
SDG14：水下生命（Life below Water）
SDG15：陸域生命（Life on Land）
SDG16：和平正義與有力的制度（Peace, Justice and Strong Institutions）
SDG17：夥伴關係（Partnerships for the Goals）

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

備註

教師姓名	俞齊山
Email	chisamyu@seed.net.tw
最後更新時間	2025-05-20 20:40:18
課程大綱	近年來網頁技術的快速發展，網頁設計也從傳統的後台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.
課程進度	wk1:課程簡介與起手勢 wk2:HTML5 wk3:CSS3 wk4:CSS3 wk5:UI設計 wk6:JS wk7:jQuery wk8: RWD簡介 wk9:期中專題DEMO wk10: BootStrap wk11: 響應式網頁與十大易用性 wk12: 動畫設計 wk13: UX設計 wk14: Firebase應用 wk15:服務設計與網頁設計趨勢 wk16:資訊圖表設計 wk17:期末專題企劃報告 wk18:期末專題DEMO
評量方式與標準	期中專題 30% 期末專題 30% 出席 10% 作業 30%
使用教材、參考書目或其他	【遵守智慧財產權觀念，請使用正版教科書，不得使用非法影印教科書】使用外文原文書：否自編教材
課程諮詢管道	FB臉書
課程對應SDGs指標	無（None） SDG1：消除貧窮（No Poverty） SDG2：消除飢餓（Zero Hunger） SDG3：良好健康和福祉（Good Health and Well-being） SDG4：優質教育（Quality Education） SDG5：性別平等（Gender Equality） SDG6：潔淨水與衛生（Clean Water and Sanitation） SDG7：可負擔的潔淨能源（Affordable and Clean Energy） SDG8：尊嚴就業與經濟發展（Decent Work and Economic Growth） SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure） SDG10：減少不平等（Reduced Inequalities） SDG11：永續城市與社區（Sustainable Cities and Communities） SDG12：負責任的消費與生產（Responsible Consumption and Production） SDG13：氣候行動（Climate Action） SDG14：水下生命（Life below Water） SDG15：陸域生命（Life on Land） SDG16：和平正義與有力的制度（Peace, Justice and Strong Institutions） SDG17：夥伴關係（Partnerships for the Goals）
課程是否導入AI	● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process） ● 鼓勵學生使用生成式AI工具（Encourage students to use generative AI tools）
備註