A.i · 用户与需求
学习单 1，任务 1：找到目标访客、需求以及真实且注明日期的观察或评论。如果已有内容足以说明页面的必要性，直接保留；只补充确实缺失的部分。
9 年级 · 作品集设计
作品集设计评估
使用学习单 2 中选定的设计，完善一个项目详情页。保留现有作品集和导航，清楚展示一个真实项目，无需重做整个网站。
本课资料
总结性评价 · 10 月 8—19 日
整合研究与设计
沿用《研究你的作品集受众》（学习单 1）和《规划你的项目页面》（学习单 2）。保留已有的充分回答、研究、草图及原始日期，只补充缺失的证据，或简要说明实际发生的修改。无需另写研究报告，也无需重新设计三个完整网站。
最终提交日期：10 月 19 日 20:00（中国时间）。 当前项目就是起点。
完成你的项目详情页
使用学习单 2 中选定的设计，完善一个项目详情页。保留现有作品集和导航，清楚展示一个真实项目，无需重做整个网站。
检查页面的六项要求
- 清楚介绍项目。 为页面添加项目标题，说明目标、制作成果、最终效果及你自己的职责。用几句具体的话表达即可，避免空泛描述。
- 展示真实的过程证据。 至少加入一张来自本人工作的过程图片或截图，配上图注，说明图中内容以及一项设计决定或改进。添加有意义的替代文本，不得编造过程证据。
- 确保浏览路径畅通。 访客应能依次浏览：首页 → 项目列表 → 项目详情 → 返回项目列表。可沿用现有页面，也可在一个 HTML 文件内使用清楚标注的区块和锚点链接。测试每个链接，无需新建三个页面。
- 加入一项有用的交互功能。 沿用或添加一项能帮助访客的交互功能，例如“显示过程详情”。清楚标注控件名称及展开、收起状态，并检查其是否有效。可以使用 HTML 的 details/summary 元素，无需自行编写 JavaScript。
- 确保窄屏上也能使用。 使用学习单 2 中的手机布局方案。文字、图片、导航和交互功能应适合手机宽度，页面无需横向滚动；同时保持桌面布局清晰易读。
- 检查基本无障碍功能。 使用清楚的标题层级、易读的文字对比度、有意义的链接和按钮名称，并为信息性图片添加替代文本。用 Tab 键逐一访问控件，确保焦点清晰可见，且无需鼠标也能操作。
Toddle 中已分配的量规保持不变：MYP 设计第五学年目标，准则 A 和准则 B 各满分 8 分。可运行的页面用于展示你的设计决定；本次不增加准则 C（创作解决方案）。现有 A/B 等级描述保持不变。
上传前，将提交的 ZIP 解压到一个新文件夹并打开起始文件。检查链接、图片、交互功能、键盘操作和窄屏效果，补齐缺失文件，保留早期版本。无需另写文章或测试报告。
你的三次课堂
- 01
沿用方案，开始制作
打开两份学习单和现有作品集，选用已有的项目详情页设计，对照六项页面要求，在现有文件基础上制作。
- 02
让页面满足访客需求
完成页面内容、真实过程证据、导航和有用的交互功能。使用已有的手机布局方案，只在学习单中补上必要的缺失标注。
- 03
检查页面，准备提交
上传前，将提交的 ZIP 解压到一个新文件夹并打开起始文件。检查链接、图片、交互功能、键盘操作和窄屏效果，补齐缺失文件，保留早期版本。无需另写文章或测试报告。
课间完成已开始的部分，并整理好证据。如果最后一节课在 10 月 19 日之前，请利用剩余时间完成最终检查和上传。
沿用学习单：简短证据清单
用这份简短的 A/B 清单检查已有学习单。任务编号帮助你找到证据，不要将答案抄进一份新报告。如果证据在其他位置，请注明文件或页码。只有最终设计发生变化或某项证据缺失时，才需补充简短说明。
A
探究与分析
最高 8 分
A.ii · 研究决策
学习单 1，任务 2：保留按优先顺序排列的三个问题、研究方法和来源。标明一手证据（本人的观察或访谈）及二手证据（已发表的案例）。仅在不够清楚时补上标注。
A.iii · 现有案例
学习单 1，任务 3：沿用对三个作品集的比较、来源记录，以及对浏览路径、证据和无障碍设计的分析。已有内容充分时，无需再找三个新案例。
A.iv · 研究发现与设计方向
学习单 1，任务 4：保留或简要更新设计任务书，说明受众、需求、预期成果和限制，并明确联系研究发现。
B
发展构思
最高 8 分
B.i · 成功要求
学习单 2，任务 1：保留四项重点要求、相应的研究依据和检查方法。只为涵盖必要的页面功能而作适当修改，无需另写八项设计规格。
B.ii · 可选方案
学习单 2，任务 2：沿用三种有实质区别的项目详情页草图。标注应让他人理解设计想法；补上缺失标注即可，无需重新设计三个完整网站。
B.iii · 选定设计
学习单 2，任务 3：保留选定的设计及其优势、取舍、真实反馈和改进。如果最终页面改变了原先选择，再补几句话说明即可。
B.iv · 规划图
学习单 2，任务 4：沿用已标注的项目详情页和窄屏布局方案。展示标题、成果、个人职责、过程证据、导航及返回路径，还有制作所需文件。仅在缺失时补上交互状态或箭头。
控制项目范围
沿用《研究你的作品集受众》（学习单 1）和《规划你的项目页面》（学习单 2）。保留已有的充分回答、研究、草图及原始日期，只补充缺失的证据，或简要说明实际发生的修改。无需另写研究报告，也无需重新设计三个完整网站。
Toddle 中已分配的量规保持不变：MYP 设计第五学年目标，准则 A 和准则 B 各满分 8 分。可运行的页面用于展示你的设计决定；本次不增加准则 C（创作解决方案）。现有 A/B 等级描述保持不变。
评分量规
教师分别为 A 和 B 各评定一个最符合表现的 0–8 等级。各分项用于指导整体判断，并非四项各两分的总结性评分。不会将学习单总分取平均来计算等级。量规是对学校 MYP 评估方式的任务具体说明，不能替代适用的 IB 标准。
评估标准 A · ／8
| 等级 | 证据所体现的表现 |
|---|---|
| 0 | 提交的证据尚未达到 1–2 等级段所描述的表现。 |
| 1–2 | 作品提出了交互式 HTML 作品集及下一版清晰设计方案的某种需求，并记录少量研究，但受众、研究决策和有用发现仍不清楚。 |
| 3–4 | 概述了需求和受众。在指导下明确部分研究问题或来源，描述一个现有案例并记录一些发现，但尚未充分联系到有用的项目方向。 |
| 5–6 | 解释了用户需求，研究重点和方法基本清晰。对现有案例的讨论指出有用特点及其效果，研究结果支持连贯的作品集设计方向，但部分证据关联或推理仍需补充。 |
| 7–8 | 针对特定访客论证作品集需求。以逐渐提高的独立性确定研究重点，同时记录证据和不确定性。作品集比较分析访客旅程与项目证据，详细概要将研究发现与拟议方向联系起来。 |
评估标准 B · ／8
| 等级 | 证据所体现的表现 |
|---|---|
| 0 | 提交的证据尚未达到 1–2 等级段所描述的表现。 |
| 1–2 | 提出了少量基本要求和一个可理解的构想。规划图信息有限，其他人难以理解预期方案。 |
| 3–4 | 展示部分相关要求和可能构想，选定方向并给出简单理由。绘图呈现部分方案，但缺少重要标注、关系或实际要求。 |
| 5–6 | 要求符合用户需求，不同且可行的作品集方案容易理解。选择设计的理由与要求相关。图纸和资源清单能传达方案，但部分细节或论证仍需澄清。 |
| 7–8 | 研究支持详细的作品集要求。不同的可行方向有清楚注释，便于另一位设计师理解。依据要求论证所选旅程与呈现方式，包括权衡。准确的图示传达页面、交互、窄屏行为和资源。 |
在 10 月 19 日 20:00（中国时间）前提交
请于 2026 年 10 月 19 日（星期一）20:00（中国时间）前，在 Toddle 的“Portfolio design assessment — Criteria A and B”作业中上传一个 ZIP 文件。包含最终 HTML 页面、使用到的 CSS/JavaScript、所有链接的图片和文件，以及两份已有学习单及简短更新。注明起始文件（例如 index.html）。可以另附在线页面链接，但不能用它代替文件。
允许使用 AI。如果使用，请提交实际输入的提示词及后续追问、修改提示词，可复制文字或提供截图，并简要注明保留或修改了什么，以及如何核查。将这些内容放入已有学习单证据中，无需另写文章。未使用时，写明“未使用 AI”。保留借用素材的来源信息。不要提交公开聊天分享链接、账户信息或私人个人资料；不得编造研究或结果。
确保 A、B 部分容易找到。检查截图、示意图和提交的项目文件是否为同一版本。你自己的决策必须清楚，包括 AI 提供帮助的情况。
打开 Toddle →相关作业
- 作品集设计评估
使用学习单 2 中选定的设计，完善一个项目详情页。保留现有作品集和导航，清楚展示一个真实项目，无需重做整个网站。最终提交：10 月 19 日 20:00（中国时间）。沿用两份学习单；A 和 B 分别评分，各满分 8 分。
查看日历中的作业 →
提交平台： Toddle。具体提交内容见上方作业说明。