个人网页 · 第一步
做一张属于你的个人名片
先不学框架,把名字、照片和一句自我介绍变成可以分享的网页。
- 看到第一个变化
- 10 分钟内
- 做出完整版本
- 90 分钟内
- 运行方式
- 下载仓库后直接打开 index.html
- 使用的积木
- HTML / CSS
FIRST VISIBLE CHANGE
先做这一件事
找到页面中的姓名和简介,把模板文字换成你自己的内容并刷新浏览器。
三段路径 · 自动保存在本机
从第一个变化,到你的版本
0/ 3 步
0115 分钟
- 打开 index.html
- 替换姓名与介绍
- 刷新浏览器确认变化
做完的标志:页面第一屏出现你的名字和一句真实介绍。
0245 分钟
- 选一个主色
- 替换头像或代表图片
- 删除与你无关的区块
做完的标志:页面不再像模板,而像是你自己的名片。
032 小时
- 补充一个作品链接
- 检查手机宽度
- 把页面展示给朋友并记录反馈
做完的标志:有人能通过页面说出你是谁、在做什么。
AI 协作提示词
让 AI 带路,不让它抢走决定
我正在修改一个纯 HTML/CSS 的个人作品集模板。请先告诉我姓名、简介、头像和项目卡分别可能在哪些文件中,不要一次重写整个页面。等我选择想保留的内容后,再逐步给出最小修改,并解释每次修改会在页面哪里发生。