This commit is contained in:
sanbuphy
2026-01-04 16:12:04 +08:00
parent 2d858d79e2
commit e53b7c0832
6 changed files with 29 additions and 24 deletions
@@ -1,5 +1,5 @@
# 1. 入门指南
## 2. 教程简介
## 1. 教程简介
让我们使用 AI 设计 Agent 和编码 Agent,从零开始搭建一个完整的网站。
@@ -21,7 +21,7 @@
---
# 2. 使用设计 Agent 创建 Logo
## 3. 设计 Logo 时需要考虑的关键要素
## 1. 设计 Logo 时需要考虑的关键要素
Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 Agent 那里获得满意的结果,你需要在提示中清楚地描述你想要的 Logo 类型。
@@ -78,7 +78,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A
---
# 3. 规划你的网站结构
## 4. 了解基础版块
## 1. 了解基础版块
在真正开始制作网站前,先规划好要包含哪些菜单(版块)非常重要。菜单的设计取决于你希望访客看到什么、以及你希望他们采取什么行动。
一般来说,网站通常由 **Home / About / Contact** 等基础版块构成。
@@ -115,7 +115,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A
7. **FAQ**
1. 整理访客经常会问的问题及解答
## 8. 选择配色方案(可选)
## 3. 选择配色方案(可选)
如果你已经有了 Logo,或者想用特定的颜色搭配来设计网站,也可以直接在提示词中写上你想使用的颜色代码。
@@ -146,7 +146,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A
---
# 4. 使用设计 Agent 设计网站
## 5. 输入提示词 → 生成设计稿
## 1. 输入提示词 → 生成设计稿
* 在提示词中写出你规划好的结构以及选定的配色。
@@ -188,7 +188,7 @@ Logo 是决定你网站第一印象的关键元素之一。想要从 AI 设计 A
---
# 5. 使用编码 Agent 搭建网站
## 6. 理解 HTML/CSS/JS 的基础概念
## 1. 理解 HTML/CSS/JS 的基础概念
一个网站本质上由三种语言构成:
@@ -317,7 +317,7 @@ Agent 生成的初版网站,通常会包含一些自动生成的占位文本
---
# 6. 将设计与代码整合
## 7. 将设计文件与网站代码整合(可选)
## 1. 将设计文件与网站代码整合(可选)
当你从设计 Agent 那里下载到了代码文件后,可以把它们移动到当前项目目录中,然后请编码 Agent 帮你将这些设计代码与现有项目进行合并。