README 模板
直接複製這個模板，修改成你的內容即可：
# 我的卡片教學網頁
這是我在「AI 協作簡報實戰工作坊」中製作的作品。
## 線上觀看
👉 [點此觀看網頁](https://你的帳號.github.io/你的repo名稱/)
## 內容大綱
- 自我介紹卡片
- 技能展示區塊
- 作品集展示
- 聯絡資訊
## 網頁特色
- 響應式設計（手機也能看）
- 滾動動畫效果
- 漸層背景配色
## 製作工具
- HTML / CSS / JavaScript
- AI 輔助生成（ChatGPT / Gemini）
- GitHub Pages 部署
## 作者
**你的名字** - AI 協作簡報實戰工作坊學員
一個漂亮的 README 能讓你的專案看起來更專業
在 GitHub 上建立 README
操作步驟
- 進入你的 Repository 頁面
- 點擊 Add a README（如果還沒有的話）
- 或者點擊現有
README.md檔案 - 點擊右上角的 鉛筆圖示（編輯按鈕）
- 貼上你的 README 內容
- 點擊 Preview 預覽效果
- 滾到最下方，點擊 Commit changes
在 GitHub 上直接編輯 README.md 的 Markdown 原始碼
切換到 Preview 標籤查看格式化後的 README 效果
小提示：可以隨時回來修改 README，不用一次寫到完美！
上線後測試（手機測試）
測試方法
- 用 LINE 傳網址給自己（最方便的方式）
- 在手機上點開網址
- 逐一檢查以下項目：
視覺檢查
- 卡片是否正常顯示？
- 文字是否清楚可讀？
- 圖片是否正確載入？
- 配色是否協調？
功能檢查
- 動畫效果是否正常？
- 回到頂部按鈕是否可用？
- 連結是否能正確跳轉？
- 版面是否跑版？
用手機測試你的網頁，確保在行動裝置上也能正常瀏覽
Day 1 成果盤點
大成品
📄
HTML 簡報模板
🤖
AI Prompt 組
📚
NotebookLM 素材庫
小成品 1-12
| 編號 | 小成品名稱 | 學到的技能 |
|---|---|---|
| 1-3 | HTML 基礎練習 | 標籤、元素、屬性 |
| 4-6 | 簡報框架與手繪 | Reveal.js、AI 圖片辨識 |
| 7-9 | 資料收集與整理 | NotebookLM、素材管理 |
| 10-12 | Prompt 設計與內容生成 | AI Prompt、HTML 生成 |
Day 1 的豐碩成果