COURSE / CMD-237-01-A1
課程說明與進度
本課程以實作為核心,培養學生在 AI 時代進行網站建置與內容產製的基本能力。
你會學到什麼
- 學會使用 WordPress 建立與管理網站
- 學會運用 Codex、GitHub、Vercel 建置 AI 網站
- 理解網站架構、UX、CMS 與基本網頁概念
- 學會使用 AI 協助文字、圖片與跨平台內容產製
- 理解 SEO、AEO、GEO 等內容可見性概念
- 培養判斷、修改與優化 AI 產出成果的能力
學習方式
先做 → 再理解 → 再改善。Week 1 實體授課、不上機;後續以課前教材與自主實作累積作品。同步教學由教師依當週需要安排。
作業、成績與個人資料使用 Google Classroom 或學校 LMS;本網站提供教材、步驟與完成標準。
學期評量
| 項目 | 學期占比 |
|---|---|
| 學習實作練習 | 50% |
| 期中實作測試 | 20% |
| 期末網站成果 | 20% |
| 口語心得反思 | 10% |
學期日期 × 學習單元
學期共 18 週,含 4 次放假與兩場成果展示。網站 Week 1–13 是學習單元;兩場 Final Demo Day 都對應 Week 13。
日期與原始主題依提供的課程進度表;單元內容已加入功能備份、AI 安全與電子商務。
| 學期週次 | 日期 | 課程主題 | 學習單元 |
|---|---|---|---|
| 1 | 課程介紹:AI 時代的平台架設與內容產製認識課程、工具與期末目標 | Week 1 ↗ | |
| 2 | 中秋節 | 放假 | |
| 3 | WordPress 1:建立第一個網站建站、啟用 Astra、認識前後台;課後草擬 Sitemap | Week 2 ↗ | |
| 4 | 國慶日補假 | 放假 | |
| 5 | WordPress 2:建立網站架構Page/Post、全站外觀、頁首頁尾與主選單 | Week 3 ↗ | |
| 6 | WordPress 3:從頭到尾架好一個網站教師完整示範一次,同學跟著做,完成可上線的網站 | Week 4 ↗ | |
| 7 | 網站維護與備份+認識 AI 開發工具更新與備份網站;比較 Codex、Claude Code、Antigravity、OpenCode | Week 5 ↗ | |
| 8 | AI 架站 1:Codex+GitHub+Vercel用 AI 建站並部署上線 | Week 6 ↗ | |
| 9 | Agentic AI 入門:從對話到行動理解 Agent 如何規劃、使用工具與檢查結果,說明人類監督與權限界線。 | Week 7 ↗ | |
| 10 | 期中測試:Website Challenge依照同一份 Brief,選擇工具並做出一個可以公開使用的網站。 | Week 8 ↗ | |
| 11 | Agentic AI 實作 I:規格、介面與後端功能以校園活動網站案例建立規格、介面與 API/資料功能,完成可操作原型。 | Week 9 ↗ | |
| 12 | Agentic AI 實作 II:串接、除錯與部署接續 Week 9 原型,完成前後端串接、除錯、安全檢查與部署。 | Week 10 ↗ | |
| 13 | AI 內容產製:創作、編修與跨平台轉換完成一篇正式內容,查證並編修,再改寫成兩種平台版本。 | Week 11 ↗ | |
| 14 | 內容可見性與網站上線健檢優化 Week 11 的文章結構與來源,完成安全、備份、手機版及功能檢核。 | Week 12 ↗ | |
| 15 | 行憲紀念日 | 放假 | |
| 16 | 開國紀念日 | 放假 | |
| 17 | Final Demo Day:成果展示展示網站、內容與學習成果 | Week 13 ↗ | |
| 18 | Final Demo Day:成果展示展示網站、內容與學習成果 | Week 13 ↗ |