第 30 课 作品说明、海报与作品集页
本课定位
学生最后不仅要有链接,还要有一页别人愿意看的作品说明。
学习目标
- 完成作品说明页
- 做出封面或海报
- 知道如何展示过程和成果
本课会用到的技术与方法
- 作品说明文案
- 海报封面
- 作品集布局
课前准备
- 准备作品截图和关键亮点
60 分钟课堂流程
| 环节 | 讲授安排 |
|---|---|
| 0-10 分钟 | 回顾项目进度,用 作品集页 说明今天的里程碑。 |
| 10-20 分钟 | 拆解今天要完成的页面、交互或项目决策,让每个人都知道先做什么。 |
| 20-35 分钟 | 讲师示范核心做法,并讲清这一步和整个项目主流程的关系。 |
| 35-50 分钟 | 小组推进,边做边记录问题,先保证主流程能跑通。 |
| 50-60 分钟 | 做一次小验收,记录已完成项、卡点和下一步。 |
核心讲授点
- 作品说明页要帮助别人快速看懂。
- 封面图和一句话介绍非常重要。
- 过程截图也值得展示。
本课完整素材
作品说明模板
text
项目名称:
我解决的问题:
主要页面:
我最满意的一点:
我改过的一处:
项目链接:可直接复制给 Codex 的提示词
提示词 1:先做第一版
text
我是一名中学生,现在想做 一个能直接在浏览器里运行的网页作品。
主题是:作品集页
请直接把第一版做出来,页面里一定要有:
- 项目名称
- 一句话价值
- 截图区
- 链接入口
这次要用到的内容如下:
作品说明模板:
项目名称:
我解决的问题:
主要页面:
我最满意的一点:
我改过的一处:
项目链接:
整体感觉希望是:清爽、字大、适合课堂展示。
请把文件拆清楚,方便我继续改。提示词 2:把互动做完整
text
我是一名中学生,我已经有了第一版页面,现在想把互动和课堂节奏补完整。
请帮我继续完善 作品集页,重点把下面这些效果补上:
- 项目名称
- 一句话价值
- 截图区
- 链接入口
这节内容的素材还是这些:
作品说明模板:
项目名称:
我解决的问题:
主要页面:
我最满意的一点:
我改过的一处:
项目链接:
我更在意的是:学生一眼能看懂、按钮明显、操作顺序清楚。提示词 3:上课或展示前再打磨
text
我是一名中学生,我准备把 作品集页 用在展示或课堂讲解里。
请帮我再检查一遍这个网页,重点把文字、颜色、按钮大小、页面顺序和提示语调顺一点。
课件里一定不能漏掉这些内容:
- 项目名称
- 一句话价值
- 截图区
- 链接入口
参考内容:
作品说明模板:
项目名称:
我解决的问题:
主要页面:
我最满意的一点:
我改过的一处:
项目链接:
我希望最后拿到的是一版看起来完整、讲起来顺手的成品。本课产出
- 完成 作品集页 的课堂成品
- 完成 作品集页 的第一版并能现场演示
课后任务
- 完成作品说明页
- 做一张海报封面
- 请同学看 10 秒后复述项目是干什么的
讲师提醒
- 先保住本课最小成品,再决定要不要继续加效果。
- 遇到错误时先描述现象,不要急着乱改。
- 提醒学员边做边记录自己改了什么。
下一课衔接
下一节进入 第 31 课 路演彩排与现场讲述,把这节课的成果继续推进成更完整的作品或流程。