个人网页 · 第一步

做一张属于你的个人名片

先不学框架,把名字、照片和一句自我介绍变成可以分享的网页。

看到第一个变化
10 分钟内
做出完整版本
90 分钟内
运行方式
下载仓库后直接打开 index.html
使用的积木
HTML / CSS

FIRST VISIBLE CHANGE

先做这一件事

找到页面中的姓名和简介,把模板文字换成你自己的内容并刷新浏览器。

三段路径 · 自动保存在本机

从第一个变化,到你的版本

0/ 3 步
0115 分钟
  1. 打开 index.html
  2. 替换姓名与介绍
  3. 刷新浏览器确认变化

做完的标志:页面第一屏出现你的名字和一句真实介绍。

0245 分钟
  1. 选一个主色
  2. 替换头像或代表图片
  3. 删除与你无关的区块

做完的标志:页面不再像模板,而像是你自己的名片。

032 小时
  1. 补充一个作品链接
  2. 检查手机宽度
  3. 把页面展示给朋友并记录反馈

做完的标志:有人能通过页面说出你是谁、在做什么。

AUTHORSHIP / 作者记录

作品可以请 AI 帮忙,这三件事由你亲自写。

记录只保存在这台设备,没有登录也能使用。

完成三步、署名并写下至少 10 个字的关键决定后可完成。

AI 协作提示词

让 AI 带路,不让它抢走决定

我正在修改一个纯 HTML/CSS 的个人作品集模板。请先告诉我姓名、简介、头像和项目卡分别可能在哪些文件中,不要一次重写整个页面。等我选择想保留的内容后,再逐步给出最小修改,并解释每次修改会在页面哪里发生。