作品集设计

完成你的项目详情页

使用学习单 2 中选定的设计，完善一个项目详情页。保留现有作品集和导航，清楚展示一个真实项目，无需重做整个网站。

检查页面的六项要求

1. 清楚介绍项目。 为页面添加项目标题，说明目标、制作成果、最终效果及你自己的职责。用几句具体的话表达即可，避免空泛描述。
2. 展示真实的过程证据。 至少加入一张来自本人工作的过程图片或截图，配上图注，说明图中内容以及一项设计决定或改进。添加有意义的替代文本，不得编造过程证据。
3. 确保浏览路径畅通。 访客应能依次浏览：首页 → 项目列表 → 项目详情 → 返回项目列表。可沿用现有页面，也可在一个 HTML 文件内使用清楚标注的区块和锚点链接。测试每个链接，无需新建三个页面。
4. 加入一项有用的交互功能。 沿用或添加一项能帮助访客的交互功能，例如“显示过程详情”。清楚标注控件名称及展开、收起状态，并检查其是否有效。可以使用 HTML 的 details/summary 元素，无需自行编写 JavaScript。
5. 确保窄屏上也能使用。 使用学习单 2 中的手机布局方案。文字、图片、导航和交互功能应适合手机宽度，页面无需横向滚动；同时保持桌面布局清晰易读。
6. 检查基本无障碍功能。 使用清楚的标题层级、易读的文字对比度、有意义的链接和按钮名称，并为信息性图片添加替代文本。用 Tab 键逐一访问控件，确保焦点清晰可见，且无需鼠标也能操作。

Toddle 中已分配的量规保持不变：MYP 设计第五学年目标，准则 A 和准则 B 各满分 8 分。可运行的页面用于展示你的设计决定；本次不增加准则 C（创作解决方案）。现有 A/B 等级描述保持不变。

上传前，将提交的 ZIP 解压到一个新文件夹并打开起始文件。检查链接、图片、交互功能、键盘操作和窄屏效果，补齐缺失文件，保留早期版本。无需另写文章或测试报告。