在博客上主要展示学生这一学期的学习和成长,博客受众是学生 学校教务 家长,有可能社会人员也可能访问

一 潜在需求分析(为什么 & 给谁看)

受众 他们最关心什么 对博客的隐含要求
学生 看得懂自己的成长轨迹、随时复习课堂要点、拿作品当“面试作品集” 周更 Teaching Log、可按周/项目过滤、移动端友好
家长 了解孩子本学期学了什么、进步在哪儿 关键里程碑摘要、可一键分享的 URL、简体中文为主
教务与同行 课程设计、教学成效数据 课程大纲、评价指标、Lighthouse 报告截屏
社会访客 参考高职前端教学案例 清晰的信息架构(IA)、SEO 友好、隐私与版权提示

这些诉求在你的 SMART 目标里已被点名:博客要内置 “教学日志” 与 “学生作品墙” 两个专区,且整体 IA 不得超过 3 层。本周 P0 阶段的任务—“列出博客信息架构草图”—正是为此铺路。

二 调整后的 IA 草图(不超过 3 层)

层级 入口 & 说明 备注
层 0|主导航 Home |Teaching Log |Student Showcase |Course Overview ↗ |Learning Resources ↗ |Contact “↗” 表示跳转到外部站点;总导航项 ≤ 6,符合 “IA≤3” 的硬约束
层 1|栏目结构 Home → Hero + 最新 3 条高光;<br>Teaching Log → 按 Week / Tag 过滤的课堂高光、趣事、学生提问;<br>Student Showcase → 卡片墙,支持「里程碑 / 学生 / 技术栈」筛选;<br>Contact → 教师简介 + 表单 课堂日志侧重“学生表现”,不写教师备课摘要——呼应你的内容定位
层 2|标签 / 过滤维度 Week 01-13 · Milestone M1/M2 · HTML/CSS/JS · 学生姓名 仅用标签,不新增页面,保持 3 层深度

导航实现建议


Teaching Log 板块:聚焦「学生在课堂的高光时刻」

分类 内容示例 发布频率
Highlights 当天最快完成编码的同学、原创 UI 灵感等 每课时后即刻上传 1-2 图+50 字
Fun Moments 学生的 “梗图” 提示、课堂小彩蛋 随机
Q\&A 被点赞最多的问题 & 老师简答 每周一次

可以把 Week 01、Week 02… 设成 父级标签,再用子标签 Highlights/Fun/Q\&A 做多维过滤,既方便家长按周查看,又方便学生按主题检索。


Student Showcase 板块:作品墙


Home 首页草图