《我的数字名片：Web前端个人博客项目实践》
在人工智能深度融入生活与学习的时代，传统教学模式亟待转型。本课程尝试通过“项目化学习”方式，将“技术学习”与“个人成长”结合，帮助学生通过搭建个人博客实现自我表达、技术实践、协作训练和AI工具协同使用。
共12周（可视教学安排灵活调整）
| 阶段 | 内容 | 学生产出 | 教师任务 |
|---|---|---|---|
| 第一阶段：目标唤醒（第1-2周） | 了解Web前端的应用场景；引导学生思考个人展示的窗口与价值 | 一页个人前端展示构想说明书 | 展示案例、引导思考、自我展示博客示范 |
| 第二阶段：项目规划（第3周） | 明确个人博客功能模块、定位受众与内容结构 | 博客信息架构草图（手绘/软件） | 协助学生构建思维导图和信息流 |
| 第三阶段：技能学习（第4-6周） | HTML/CSS/JS基础与博客模板剖析、样式修改、基本部署 | 博客原型初稿（可预览页面） | 拆解博客模板、组织共学与辅助辅导 |
| 第四阶段：AI协作应用（第7-8周） | 使用GPT辅助修改样式、写内容、Debug等 | 使用AI优化的博客模块/内容示例 | 引导学生使用GPT定位问题与实现迭代 |
| 第五阶段：产品优化与呈现（第9-10周） | 内容填充、交互优化、适配多端 | 完整博客作品 | 组织反馈评议、优化建议 |
| 第六阶段：展示与反思（第11-12周） | 全班展示、互评、反思与迭代规划 | 博客链接、学习日志、同伴评价 | 组织展示节、引导形成闭环总结 |