个人网页 · 第一步
高中 · 16–18 岁可以独立完成社团场景
给一个想法做单页介绍
用一页网页讲清楚一个社团、活动、小店或你真正想做的项目。
- 看到第一个变化
- 10 分钟内
- 做出完整版本
- 100 分钟内
- 运行方式
- 下载仓库后直接打开 index.html
- 使用的积木
- HTML / CSS
FIRST VISIBLE CHANGE
先做这一件事
把首屏标题改成你的项目名称，再把按钮文字改成一个明确动作。
CREATOR LOOP / 创造者六环
前五环长能力，最后一环长身份。
- 语文与表达
- 社会与人文
- 艺术
- 01问题
选择一个真实社团、活动或倡议，先说清它正在解决谁的什么问题。
- 02知识
学习信息层级、受众表达和基本视觉对比，用这些知识判断什么内容应该被看见。
- 03工具
修改现有 HTML 结构与 CSS 变量，把模板变成服务真实主张的表达工具。
- 04作品
完成一个有明确受众、价值说明和行动入口的单页网站。
- 05反馈
请一位不了解项目的人浏览，并根据他能否准确复述用途来修改页面。
- 06身份
能够署名说明自己为何选择这个问题、删掉了什么，以及最终愿意为哪句主张负责。
你必须亲自做
- 决定页面服务谁以及希望访客采取什么行动
- 选择核心主张并为公开表达署名负责
AI 可以帮助
- 定位标题、按钮和样式变量所在文件
- 检查页面结构、响应式布局和文字对比度
完成前要验证
- 逐项核对事实、联系方式和素材授权后再公开页面
三段路径 · 自动保存在本机
从第一个变化，到你的版本
0/ 3 步
0115 分钟
- 写一个项目名称
- 写一句解决的问题
- 修改主按钮文字
做完的标志：陌生人看首屏就知道这是做什么的。
0245 分钟
- 保留三个核心区块
- 替换图片和配色
- 删除所有占位文字
做完的标志：页面每一段都与同一个项目有关。
032 小时
- 邀请一人浏览
- 请他复述项目用途
- 根据误解修改标题或顺序
做完的标志：对方能准确复述用途并找到行动按钮。
AI 协作提示词
让 AI 带路，不让它抢走决定
我想把这个单页模板改成自己的项目介绍页。请先问我三个问题：服务谁、解决什么问题、希望访客做什么。根据我的回答，只修改现有 HTML 文案与 CSS 变量，保留原来的响应式结构；每次先说明修改位置，再给出代码。