| SMART 维度 | 设计要点 |
|---|---|
| Specific | 在 wordpress.com 上完成含首页、分类页、文章页、站内搜索与 RSS 的完整博客；附带“教学日志”与“学生作品墙”两个专区。 |
| Measurable | - IA 层级 ≤ 3；<br>- Lighthouse 可用/视觉均 ≥ 80；<br>- 上线 ≥ 3 篇原创教学博文（≥ 500 字） |
| Achievable | 采用 WordPress 现成主题 + 插件；高阶功能优先用 SaaS/开源方案，避免“手剁式”开发。 |
| Relevant | 博客既是课程延伸平台，也是学生未来个人站示范——“老师自己先种树，学生才会来乘凉”。 |
| Time-bound | Phase 0 需求梳理（7 天）→ Phase 1 主题与环境确定（+7 天）→ Phase 2 架构与内容填充（+14 天）→ Phase 3 优化 & 首发（+7 天）。共 5 周 ≈ 105 小时，完全符合“3 h/天”配额。 |
段子提示：SMART 目标就像给 AI 写剧本——剧本越清晰，GPT 才不会即兴说相声。
| SMART 维度 | 设计要点（基于“拆装重组”思想） |
|---|---|
| Specific | 将博客拆解成 8 个可教学的功能组件：导航/布局、排版、响应式图片、表单验证、交互组件、SEO、性能脚本、安全合规、统计与隐私。每个组件产出示例代码 + 讲义 Markdown + 5 分钟 Demo 视频各一份。 |
| Measurable | - 组件讲义完备度 ≥ 90 %（Checklist 打钩）<br>- Demo 通过 DevTools a11y 检查 ≥ 85 %<br>- 每个组件附 3 个“让 AI 帮我写代码”Prompt 案例 |
| Achievable | 复用你在项目 1 中的真实代码与素材——“黑箱→白箱”循环，避免从 0 起锅烧码。 |
| Relevant | 素材库直接映射到课堂周计划，实现“用博客讲博客”的螺旋式课程。 |
| Time-bound | 组件开发按优先级滚动：每周完成 2 个组件，共 4 周；随后 1 周做整合与审校。总计 5 周 ≈ 105 小时（可与项目 1 后期并行）。 |
小梗：别把博客当“作业”，要当“素材 ATM”——随时给课堂吐钞票。
| SMART 维度 | 设计要点（对标 13 周、4 课时/周的教学节奏） |
|---|---|
| Specific | - 全部教学资料（大纲、讲义、作业）托管在班级博客；<br>- 每名学生建个人博客含“专业学习 + 兴趣特长”栏目；<br>- 课程期间安排 4 次“AI 协作编码”任务。 |
| Measurable | - ≥ 90 % 学生成功建站；<br>- ≥ 80 % 学生期末前发布 ≥ 5 篇原创日志；<br>- Lighthouse 平均 ≥ 80；<br>- AI 任务提交率 ≥ 90 %，peer-review 通过率 ≥ 80 %。 |
| Achievable | 提供“一键模板 + VS Code 便携包 + Prompt 库”降低门槛；课堂先演示“改颜色、改字号”即见成效，引爆好奇心。 |
| Relevant | 三重收益：项目化思维 + 个人品牌 + AI 协作力——毕业面试直接扫码看作品，比 PPT 更有说服力。 |
| Time-bound | 教学周程：<br>• P0 账号注册与模板部署（第 1 周）<br>• P1-P4 两轮博客冲刺 + 两次 AI 任务（第 2-12 周）<br>• P5 期末展示与成效评估（第 13 周）。 |
课堂口号：Show → Shadow → Ship → Share，让学生在“真·真人秀”里学代码、秀作品。
Week 1-2 项目1（博客上线）
Week 3-9 项目2（组件素材库）
Week 8-20 项目3（13周课堂）