購物車是空的!
探索課程

從開發到上架,用AI完成一個網站的完整流程

AI 網頁開發全攻略:從零基礎到網站上架

課程時數24hr
開課日期2025/07/14(一)
上課時間19:00 ~ 22:00
優惠價
NT$6,000
NT$12,000

菜鳥救星線上真人課程簡介

 

為什麼要學

本課程帶你用業界常用工具,搭配 ChatGPT、Gemini 等生成式 AI,從網站規劃、前端設計、資料存取到網站上線,手把手完成一個屬於自己的網頁專案。不會寫程式沒關係,AI 就是你的開發助手,學會實戰技巧,打造實用又有質感的網站!

 

學習痛點

  1. 想架網站卻不會寫程式,無從開始。
  2. 聽過很多 AI 工具,但不知如何應用在開發中。
  3. 對資料庫、API 等技術概念感到困惑,不知如何應用。
  4. 架好網頁後,不知道如何串接網域與上架。

 

學習完後,你能獲得……

  1. 熟練使用ChatGPT、Deepseek等AI工具。
  2. 了解網站部署到 GitHub,並綁定自有網域。
  3. 學會使用 AI 輔助開發網頁,從程式碼生成到錯誤修正,提升開發效率。
  4. 掌握資料存取技術,無需後端知識即可操作資料庫。

 

 

課程大綱

學習目標:認識會使用到的業界開發工具及使用方法。
  • 單元1:介紹開發環境及軟體
  • 單元2:註冊 Cursor、Github
  • 單元3:下載安裝 Cursor、Github
  • 單元4:軟體常用功能操作教學
  • 單元5:介紹基本網頁檔案格式
  • 單元6:了開發網頁不寫程式也必須知道的事情
學習目標:認識各個AI平台,選擇適合的AI平台規劃網站專案,認識網站專案
  • 單元1:註冊五大AI 工具(ChatGPT、Deepseek、Gemini、xAI、Claude)
  • 單元2:各平台功能與差異比較
  • 單元3:如何用 AI 協助網頁專案規劃與架構設計
  • 單元4:一人團隊 vs 多人協作網站建置差異 5.常見版型、區塊、互動元件快速認識
  • 單元5:常見版型、區塊、互動元件快速認識
學習目標:簡單教學一般規劃網頁專案的流程及注意事項,達到節省開發成本
  • 單元1:API 開發 VS 靜態網頁:適用場景與選擇建議
  • 單元2:簡化、節省資源的開發策略
  • 單元3:與 AI 協作建立第一個網站範本
  • 單元4:建立 AI 開發規則,提升溝通準確度
  • 單元5:利用流程規劃工具整理網站邏輯
學習目標:正式使用Cursor開發第一個網站,並且將網頁區塊、元件調整到接近需求的樣子。
  • 單元1:區塊式開發流程與版型調整技巧
  • 單元2:利用 AI 輔助開發、生成網頁元件
  • 單元3:實作互動表單、使用者輸入功能
  • 單元4:如何從 AI 生成的程式碼中學習、理解核心概念
學習目標:使用MAKE連線資料庫,網頁可以發送資料,設計資料格式
  • 單元1:註冊與操作 MAKE 平台
  • 單元2:使用模組設計自動化流程
  • 單元3:用Google Sheets建立資料庫
  • 單元4:JSON資料格式設計
  • 單元5:網頁發送表單資料
  • 單元6:MAKE接收接收並新增到資料庫
  • 單元7:回應使用者
  • 單元8:延伸資料管理知識與應用場景介紹
學習目標:新增一個處理資料的頁面,並且向MAKE呼叫並讀取資料
  • 單元1:將資料串接流程延伸至資料查詢、修改、刪除
  • 單元2:實作資料檢查與錯誤處理
  • 單元3:介紹及安裝Visual Studio Code
學習目標:學習網域購買及網址知識及設定,使用Visual Studio Code開發新的頁面,並設定網名連結過去
  • 單元1:認識常見網域平台與購買流程
  • 單元2:網域設定實作與連結你的網頁
  • 單元3:介紹 API 串接方式與成本評估
學習目標:使用Github讓網頁上架,網頁伺服器基礎知識與架設在Github的差別,介紹進入步入業界需要的功能跟如何練習
  • 單元1:如何用 GitHub 免費部署網站、串接網域
  • 單元2:認識伺服器基本概念與選擇建議
  • 單元3:常見商業網站功能與延伸學習資源介紹

誰適合學

  • 🆕 零網頁基礎初學者
  • 🧠 想用 AI 輔助開發的人
  • 👨‍💻 前端/後端工程師
  • 🧩 小型開發團隊專案執行者

 

課程優勢/課程亮點

  • 🤖 整合五大熱門 AI 工具:深入解析 ChatGPT、Deepseek、Gemini、Claude、xAI 等平台差異,學會怎麼選、怎麼搭配、怎麼用在實作上。
  • 🔧 學會 AI 提詞技巧,提升開發效率:掌握如何與 AI 工具有效對話,學會下開發任務指令,減少溝通成本,大幅加快開發進程。
  • 🛠 真實開發流程完整還原:從開發環境設置 → AI 協作建站 → MAKE 自動化資料處理 → 網域串接與上架,完整再現業界開發流程。
  • 🪄實作導向,打造可上線作品:課程最終會產出一個可實際使用、具備互動功能並上架的網站範本,課後可直接延伸應用或修改成商業用途

 

關於講師:吳英豪/香腸

關於講師:吳英豪/香腸

 

Q&A

一台可以上課的電腦或筆記型電腦。
每堂線上直播課程,課後隔天18:00後,均可以在雲端教室直接查看影片,可於線上一年內無限重複觀看,不用擔心漏掉任何一個細節。且經大部份使用者回饋,在下次課程開始前,重新複習上次課程內容,學習效果會更好喔。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
依照個人意願開鏡頭,希望大家都可以開麥克風跟我互動喔。
歡迎至常見問答頁面查詢,或是加入line帳號:@lccedu,與我們聯絡喔!

 

注意事項

  1. 收到款項後,若不克參加申請退費,請參閱退費規則。
  2. 本課程結合講師職場實務經驗傳授,習者請反覆演練運用,並配合上課作業實作。
  3. 課程執行單位保留調整課程內容、日程與講師之權利。

 

優惠價
NT$6,000