網頁設計與開發(8-16 歲)
網頁設計與開發(8-16 歲)
- 每級7.5小時
- 可選每堂1.5或2.5小時
- 小班教學1至6人
早鳥優惠至2026/10/25 23:59禮拜日(美西時間)
綫上教學真人導師,每級(Level)7.5小時
無法載入取貨服務供應情況
- 彈性上課安排
- 報讀多級別額外10-15%優惠
- 級別修讀電子證書

概述
這是一門引人入勝且全面的課程,向年輕學習者介紹創建和建立網站的令人興奮的世界。在這個實作專案中,參與者將學習網頁設計的基礎知識,包括 HTML、CSS 和 JavaScript。透過互動專案和創意練習,學生將培養設計使用者友善介面、製作視覺上吸引人的佈局以及融入互動元素的基本技能。他們還將探索響應式設計原則,以確保他們的網站無縫適應不同的裝置。本課程著重美觀和功能,使年輕人能夠釋放他們的創造力,成為熟練的網頁設計師和開發人員。
New City Education 團隊隨時為您服務。請填寫免費諮詢表單,我們的導師會與您聯絡,協助為貴子弟規劃合適的 STEM 學習路徑。您也可以先預約體驗課,只付一堂課的費用,再決定是否報讀完整程度。先從免費諮詢開始,準備好了再邁出下一步。
學習目標
1.掌握網頁設計程式設計技巧
2. 培養數學和邏輯推理能力
3. 將程式設計技能應用並整合到網頁設計中
4.了解網頁的結構與功能
5.了解網頁架構和操作。
授課語言
我們通常用英語授課,但如果可能的話,我們很樂意嘗試用其他語言授課。
方式
線上(Zoom):將在課前提供說明。
我們重視小班教學,導師一般同時只教授1-3位同學。
等級說明
1級
1 級:適合沒有電腦程式設計或網頁設計基礎的學生。
本課程介紹網路程式軟體、基本語言、基本架構和實際應用。課程從了解網頁的基本結構開始,然後逐步學習不同的組件如何影響網頁的美觀和可用性。學生將有機會設計和創建自己的網頁。在第 1 級中,學生將學習使用 HTML 建立基本網頁。學習目標是建立獨立的網頁並獲得對網頁設計的基本了解。
2級
2 級:適合已完成 1 級或具有至少 6 小時程式設計經驗的學生。
在本課程中,學生將在 HTML 基礎知識的基礎上學習 CSS 程式語言。在第一級創建的基本網頁的基礎上,學生將學習這種強大而先進的程式語言,以增強網頁的結構、豐富性和實用性。學習目標是建立 2-3 個相互關聯的網頁,展示 CSS 的應用程式來創造更具活力和視覺吸引力的網頁設計。
3級
3級:適合完成2級的學生。
本課程以從 HTML 和 CSS 獲得的知識為基礎,介紹第三種程式語言 JavaScript。學生將學習如何將 JavaScript 合併到他們的 Web 開發專案中,以增加互動性和使用者參與度。學習目標是建立一個由 3 個或更多頁面組成的個人網站,包含變數和基本的使用者互動。學生將探索 JavaScript 的功能,並利用它在網站上創建動態和互動元素。
4級
4級:適合完成3級的學生。
本課程深入探討 HTML、CSS 和 JavaScript 的集成,使學生能夠創建功能增強、美觀的網站。學習目標是建立一個實用的個人網站,包括自我介紹、訪客互動、外部連結、網站搜尋引擎優化以及調試工具的使用等功能。學生將進一步提高他們的網頁開發技能,探索先進的技術和最佳實踐,以創建專業且有吸引力的線上形象。
5級
5級:適合完成4級的學生。
在本課程中,將向學生介紹用於建立 HTML5 遊戲或類似專案的 Phaser.io 框架。 Phaser 是一個 HTML5 遊戲框架,有助於開發跨平台 2D 遊戲。學習目標是對 HTML5 遊戲開發技術有基本的了解。學生將學習如何利用 Phaser 框架創建互動且引人入勝的遊戲,探索遊戲設計、精靈操作、遊戲實體和使用者輸入等概念。課程結束時,學生將掌握 HTML5 遊戲開發的基本技能,並能夠使用 Phaser 框架創建自己的簡單遊戲。
6級
6級:適合完成5級的學生。
在本課程中,學生將學習如何利用Bootstrap等前端框架更有效率地開發網頁。 Bootstrap 包括字體、表單、按鈕、表格、導覽等的設計模板,所有這些都基於 HTML 和 CSS。學生將學習如何利用 Bootstrap 建立響應式網站,以在不同裝置和螢幕尺寸上實現最佳適應和顯示。學習目標是應用響應式網頁設計的原則並利用 Bootstrap 提供的功能和元件來創建設計良好的響應式網站。課程結束時,學生將掌握開發具有視覺吸引力和用戶友好的網站的技能,這些網站響應並適應各種設備和平台。
7級以上
請聯絡我們
(註:以上內容可能依實際及個人情況有所變動。)
(註:以上內容可能依實際及個人情況有所變動。)
家長回應
-
Isaac的媽媽
“Isaac在英國的 Bebras 計算挑戰賽中獲得了金牌。感謝您整個夏天的指導!”
-
Caleb的媽媽
“我真的很感謝老師們的努力。Caleb學習的時候感到很滿足。謝謝你們!”
-
Nelson的媽媽
“我的孩子完成課程很有成就感😊。在老師的廣泛指導和鼓勵下,他對程式設計非常熱衷🙏😊。”
-
Christina的父母
「我女兒很喜歡上課,老師知道她害羞,所以對她給予了很多鼓勵和表揚。一開始我們只報了1、2級的課程,後來又報名了3、4級的課程。”
-
CY 的父母
“太棒了。他們激勵我們的孩子學以致用😊🙏🏻。感謝老師們的指導。”
-
陳女士
“我會鼓勵我的孩子繼續參加你們中心的不同課程。這些課程確實激發了孩子們的思維和創造力。”
報讀多級別額外優惠
同時報讀兩級9折、同時報讀兩級85折(系統會自動計算)
級別完成證書
學生順利完成一個級數後,經導師建議,本中心會頒發證書。
Canada
Mr Edwin
Edwin has worked in software development, systems analysis, management, and technical support roles for several multinational companies in China, Hong Kong, and North America, including Silicon Valley, California.
He has extensive experience in education and training. He has served as a lecturer in the Department of Computer Science and the Department of Information Systems at City University of Hong Kong, and has also taught computer studies and mathematics at the secondary school level.
Illinois, USA
Beline
Beline’s strengths sit at the intersection of coding, data, and hands-on STEM. She programs in Python and JavaScript, builds web pages with HTML, and writes Arduino logic for sensors and real-world measurements.
She can introduce data analysis and visualization with pandas, Excel, and Tableau, then connect the numbers to a project students can see. For curious learners she can also sketch introductory quantum circuits in Python with Qiskit. Beline also teaches math.
Alabama, USA
Dong
Parents can expect a tutor who is fluent in Python, Java, C++, SQL, and web technologies, and who can connect those skills to real student projects. Dong can guide learners through coding fundamentals, algorithms, and debugging, then move into building small websites, games, or data tools when they are ready.
He is also familiar with AI APIs, computer vision, and Python data libraries, which helps when a course touches machine learning or visual computing. He uses Git and common IDEs so students pick up habits they will meet again in later STEM work.
Canada
Dennis
Dennis is experienced in Java, Python, SQL, Microsoft Office, and other computer-related technologies. He is confident in helping students understand programming fundamentals, develop coding projects from scratch, and improve their problem-solving skills. He can also assist students with foundational mathematics and explain concepts in a simple, patient, and easy-to-understand way.
Virginia, USA
Eva
Eva brings several years of hands-on experience in computer science, software development, and STEM education through academic, professional, and project-based work. She is competent in teaching coding fundamentals, including Java, C++/C#, Python, web development, mobile development, and Unity game development. She also has experience teaching math and STEM concepts to elementary and middle school students.