创建你的第一个网站
使用 Mini App AI

今天你将学习如何构建真正的网站 🚀

什么是网站？

互联网上的一个空间。一系列页面。一种分享信息的方式。

学校网站

商业页面

作品集

什么是Mini App AI？

一款利用简单文本提示词帮助您构建网站的AI工具。

你描述它（提示词）

AI处理中(构建器)

网站已生成(结果)

网站是如何制作的

每个现代网站都是由多个部分堆叠而成的。

页眉(导航)

首屏(主要介绍)

CARD

内容(信息块)

CARD

页脚(联系方式与链接)

您的第一个项目

我们将构建一个简单、现代的学校网站。

导航栏
首屏部分
按钮与简洁布局

SCHOOL LOGO

Join Us Today

如何编写优秀的提示词

您的指令越详细，生成的网站就越好。

❌ 糟糕的提示词

"创建一个网站"

Result: AI doesn't know what you want. It will guess, and you might not like it.

✅ 优秀的提示词

"创建一个带有导航栏、首屏部分、关于页面、玻璃拟态设计以及蓝/青色调的现代学校网站。"

Result: AI understands exactly what to build and gives you a professional result.

提示词拆解

一个强大的提示词包含5个关键要素：

1. 类型(例如：学校网站)

2. 风格(例如：现代、极简)

3. 部分(例如：首屏、页脚)

4. 功能(例如：卡片、按钮)

5. 颜色(例如：蓝色与青色)

AI生成过程

您的想法将直接在您眼前变成真实的网站。

AI Termial Output 等待提示词中...

WEBSITE LOGO

Welcome to the Future

了解网站

点击任何部分以了解其工作原理及其重要性。

Header

Hero Section

Content

Footer

👈 点击左侧的部分以了解详情！

如何改进你的网站

设计关乎清晰度。比较这两种布局。

❌ Bad

Navbar link 1 link2

WELCOME TO MY SITE!

too much text here too much text here

different style block

❌ 混乱的设计配色糟糕，间距不当，难以阅读。

✅ Good

Logo

HomeAbout

Welcome to My Site

Clean, readable, and easy on the eyes.

✅ 整洁的设计对比度良好，间距均匀，文字清晰。

修复这个提示词！

这个提示词太模糊了。点击缺失的部分来修复它。