零基础AI编程:编写静态网页或网站

本文概览：

  • 1、用中文描述需求，让AI写代码。

  • 2、不会设计怎么办？

  • 3、AI不知道的信息？

1、用中文描述需求，让AI写代码。

在本地新建一个文件夹，文件夹名称用英文。

打开VScode，打开这个文件夹。

打开AI对话窗口（右上角的icon）。

现在你就可以像聊天一样命令AI给你写代码。

比如：

写一个简单的个人网页，上面有我的简单介绍，还有作品链接。简单介绍：像素熊老师，著有《从零开始学像素画》，像素画爱好者，独立开发者。

下面是社交媒体的logo。

然后是中等宽度的按钮，按钮上显示社交媒体的名称。

输入的命令越详细，AI生出的代码效果就越好。

1.1、如何查看代码效果？

打开项目文件夹，鼠标选中index.html用浏览器打开即可。推荐Chrome浏览器。

1.2、效果不满意怎么办？

可以继续输入命令，让AI修改。

直到满意为止。

2、不会设计怎么办？

改了n遍，还是不满意怎么办？

提供参考图！可以在网上搜索个人网站网页设计，然后截屏给AI，让AI参考或模仿图片中的网页设计。

这样即使你不是设计专业的，也可以用AI编写出80分的网页设计。

能编写1个网页，就能编写整个网站！

不涉及后端数据库的网站，都可以这样让AI来编写。

3、AI不知道的信息？

有一些信息，你不告诉AI，AI是不知道的。

比如我的社交网站的链接，这些都需要我告诉AI，然后AI把这些信息编到网页中去。

星标公众号，自动获取推送文章。

需要1对1指导的朋友，可以付费加入像素画学院。

欢迎购买我开发的像素画一键转换软件，开箱即用