本模板对应《教学标准》"网站开发"课程的「项目」考核项（占课程总评 50%），将"需求规划 10% ／ 结构搭建 10% ／ 样式实现 12% ／ 布局与响应式适配 10% ／ 发布与答辩 8%"五个维度细化为可打分的评分项 + 四档等级量表，供教师评定、学生自查。末尾以简历类项目（制作简历、简历模板等）为例演示如何套用，并附一份可直接打印的打分表。
| 评分项 | 分值 | 考察要点 |
|---|---|---|
| 需求分析 | 8 | 目标用户、核心问题与典型使用场景是否清晰；能否一句话讲清"给谁用、解决什么" |
| 功能清单 | 8 | 功能完整、有优先级（MVP 与扩展区分）；是否覆盖课程要求的核心能力点 |
| 技术选型与计划 | 4 | 技术栈选择合理（静态 / JS / 框架）；有开发里程碑或阶段计划 |
等级量表（项目内得分）
| 优秀 | 良好 | 合格 | 待改进 |
|---|---|---|---|
| 18–20 | 15–17 | 12–14 | <12 |
| 需求文档清晰，功能清单完整且有优先级，技术选型合理并附开发计划 | 需求基本清晰，功能较完整，有技术选型与简单计划 | 有需求与功能罗列，但较笼统、缺优先级 | 需求模糊或缺失，直接动手无规划 |
| 评分项 | 分值 | 考察要点 |
|---|---|---|
| 语义化结构 | 8 | header / nav / main / section / article / footer 等合理使用；标签名符合内容含义 |
| 目录与文件组织 | 6 | 目录结构清晰、文件命名规范、资源归类合理（如 css / js / img 分离） |
| 代码规范与可维护 | 6 | 缩进统一、注释清晰、无冗余；有组件化 / 复用思路 |
等级量表（项目内得分）
| 优秀 | 良好 | 合格 | 待改进 |
|---|---|---|---|
| 18–20 | 15–17 | 12–14 | <12 |
| 结构语义化到位、目录规范、代码整洁可维护，体现工程化意识 | 结构基本合理，文件组织较好，代码较工整 | 能用 div 堆出页面，结构语义弱、组织一般 | 结构混乱、标签滥用、命名随意 |
| 评分项 | 分值 | 考察要点 |
|---|---|---|
| 视觉一致性 | 8 | 配色 / 字体 / 间距统一，有设计系统意识（用 CSS 变量或统一规范） |
| 交互与状态样式 | 8 | hover / 过渡 / 焦点 / 激活等状态样式到位，反馈明确 |
| 细节打磨 | 8 | 对齐、留白、图标统一、无错位 / 溢出等明显瑕疵 |
等级量表（项目内得分）
| 优秀 | 良好 | 合格 | 待改进 |
|---|---|---|---|
| 22–24 | 18–21 | 14–17 | <14 |
| 视觉统一精致、交互反馈细腻、细节无可挑剔 | 风格较统一、有交互反馈、细节基本到位 | 能上色、有基本样式，但一致性或细节不足 | 配色杂乱、无状态样式、明显瑕疵 |
| 评分项 | 分值 | 考察要点 |
|---|---|---|
| 布局技术 | 8 | Flex / Grid 运用正确，盒模型理解到位，无滥用定位 |
| 响应式断点 | 8 | 桌面 / 平板 / 手机三档适配合理，媒体查询正确，内容不溢出 |
| 浏览器兼容 | 4 | 主流浏览器（Chrome / Edge / Firefox / Safari）下无明显错位 |
等级量表（项目内得分）
| 优秀 | 良好 | 合格 | 待改进 |
|---|---|---|---|
| 18–20 | 15–17 | 12–14 | <12 |
| 布局稳健、三档响应式流畅、跨浏览器一致 | 布局合理、主要断点适配、少数细节待调 | 桌面正常、移动端勉强可用、断点较少 | 布局错乱、无响应式或严重溢出 |
| 评分项 | 分值 | 考察要点 |
|---|---|---|
| 部署上线 | 6 | 成功发布、可公开访问、无死链；有版本 / 备份意识 |
| 演示与讲解 | 6 | 演示流畅、重点突出、能答评委追问；讲清技术取舍 |
| 课堂与项目过程记录 | 4 | 有课堂练习痕迹、开发日志 / 迭代记录、反思与改进（呼应"过程与结果并重"） |
等级量表（项目内得分）
| 优秀 | 良好 | 合格 | 待改进 |
|---|---|---|---|
| 15–16 | 12–14 | 9–11 | <9 |
| 已上线可访问、演示精彩、过程记录完整体现迭代 | 能上线或本地演示、讲解清楚、有基本记录 | 能演示、记录简单、过程体现不足 | 未发布、演示卡顿、无任何过程记录 |
| 维度 | 简历类项目的评分要点（示例） | 典型交付物 |
|---|---|---|
| 需求规划 | 目标用户=求职学生；核心问题=在线浏览 + 一键打印成 A4；功能=个人信息区、教育 / 经历时间线、技能进度条、多套简历模板切换、打印 / 导出 PDF；技术选型=纯静态 HTML/CSS + 打印媒体查询（无需后端） | 一页需求说明 + 功能清单（含模板清单） |
| 结构搭建 | 用语义化标签（header 头像区 / section 各模块 / article 经历条目）；模板按 resume-a.html / resume-b.html 或一套结构 + 多套样式组织；css / js / img 目录分离 |
结构清晰的 HTML + 规范的目录 |
| 样式实现 | 统一配色与字体（CSS 变量）；模板间风格一致可切换；打印样式（@media print 控制一页 A4、隐藏导航）；hover / 翻模板等交互反馈 | 多套协调的视觉样式 + 打印样式 |
| 布局与响应式 | 桌面双栏（信息 + 时间线）、手机单栏重排；打印时锁定 A4 版式不溢出；主流浏览器一致 | 桌面 / 手机 / 打印三态均良好 |
| 发布与答辩 | 部署到静态托管（可访问链接）；现场演示"切模板 + 打印预览"；附开发日志（模板迭代过程）与课堂练习记录 | 上线链接 + 演示 + 过程记录 |
课程：网站开发 | 项目占课程总评 50% | 项目内满分 100（×50% 计入总评）
| 维度 | 总评占比 | 项目内满分 | 实得分 |
|---|---|---|---|
| 1 需求规划 | 10% | 20 | |
| 2 结构搭建 | 10% | 20 | |
| 3 样式实现 | 12% | 24 | |
| 4 布局与响应式适配 | 10% | 20 | |
| 5 发布与答辩（含过程记录） | 8% | 16 | |
| 合计 | 50% | 100 |
项目内得分 × 50% = 课程总评"项目"得分： 分
评语与改进建议：