W. 平台架設與內容產製 / WEB LAB進入課程 ↗

WEEK BY WEEK

這週,做點什麼。

選擇週次,查看本週技能、實作方向與成果。

0109/18
課程啟動

AI 時代,為什麼還要學網站?

從不同網站看懂「目的如何影響設計」,決定自己的學期網站主題。

觀察網站目的辨識服務對象比較資訊與視覺設計找出訪客下一步認識兩種架站方式前端 / 後端HTMLCSSJavaScript資料與伺服器
↗
0210/02
WordPress 網站建置

WordPress 1:建站與啟用 Astra

辨認網站前台與後台,完成 WordPress 基本設定並啟用 Astra,帶著網站主題草擬 Sitemap。

前端 / 後端WordPressCMSDashboardAstra ThemeSite IdentitySite Icon / Favicon
↗
0310/16
WordPress 網站建置

WordPress 2:全站框架與內容類型

用 Sitemap 決定內容與導覽,分辨 Page/Post,建立 Astra 全站樣式、頁首頁尾與主選單。

SitemapPage / PostAstra Customizer全站樣式單頁設定HeaderFooterNavigation
↗
0410/23
WordPress 網站建置

WordPress 3:從頭到尾架好一個網站

跟著教師完整示範,一次把網站架好:規劃頁面、設計首頁與主要 Page、發布 Post,並確認手機版可用。

站台規劃Page/Post首頁設計Visual HierarchyCTAMobile Preview
↗
0510/30
WordPress 網站建置

網站維護與備份+認識 AI 開發工具

完成更新檢查、帳號安全設定與備份紀錄,知道如何還原;並理解網站與 AI 開發工具的底層運作,能說出 Codex、Claude Code、Antigravity、OpenCode 的差別。

UpdateBackupRestore帳號安全動態/靜態網站LLMAI Coding AgentMCPCodexClaude CodeAntigravityOpenCode
↗
0611/06
AI 網站建置

AI 架站 1:Codex+GitHub+Vercel

用 AI 做出第一個網站,並讓它真正出現在網路上。

GitHubRepositoryCodex檔案結構PreviewCommit / PushVercelDeploymentPublic URL
↗
0711/13
Agentic AI 入門

Agentic AI 入門:從對話到行動

理解 Agent 如何規劃、使用工具與檢查結果,說明人類監督與權限界線。

Agent工具使用MCP權限人類監督
↗
0811/20
期中網站實作測試

期中測試:Website Challenge

依照同一份 Brief,選擇工具並做出一個可以公開使用的網站。

工具選擇網站建置Responsive功能驗證問題解決
↗
0911/27
Agentic AI 專題實作

Agentic AI 實作 I:規格、介面與後端功能

以校園活動網站案例建立規格、介面與 API/資料功能,完成可操作原型。

LayoutComponentNavigationCTAFormResponsiveDebugError MessageEnvironment VariablesVersion HistoryRollback
↗
1012/04
Agentic AI 專題實作

Agentic AI 實作 II:串接、除錯與部署

接續 Week 9 原型,完成前後端串接、除錯、安全檢查與部署。

LayoutComponentNavigationCTAFormResponsiveDebugError MessageEnvironment VariablesVersion HistoryRollback
↗
1112/11
AI 內容產製

AI 內容產製:創作、編修與跨平台轉換

完成一篇正式內容,查證並編修,再改寫成兩種平台版本。

ResearchContent BriefAI DraftHuman EditFact CheckSourceImagePublish
↗
1212/18
內容可見性與網站優化

內容可見性與網站上線健檢

優化 Week 11 的文章結構與來源,完成安全、備份、手機版及功能檢核。

NavigationBroken LinkResponsiveCTAContentSEO / AEOAI Website AuditAccessibilityBackupVersion History
↗
1301/0801/15
Final Demo Day

Final Demo Day

展示一個真正由自己完成的平台、內容與功能。

Live Demo工具選擇互動功能內容成果AI 協作反思Before / After
↗