小青苔基地AI2023-05-30

如何用chatgpt搭建自己的网页？

接下来，我将教大家如何利用chatgpt搭建自己的基本网页，该如何向chatgpt提问。

一、首先，找到chatgpt。

方法无外乎两种：1、去openai官网直接用，但对于某些人群不友好，需要特殊手段上网。2、使用国内镜像。

我这里就是使用的一个比较稳地的国内镜像。

二、搭建框架

好了，在找到了chatgpt之后，就该开始搭建过程了。我们不管做什么东西，一定是先有一个框架，然后再去框架里补充东西。所以，我们要想chatgpt提出我们的需求：请帮我搭建一个网页。如果是这样问的小伙伴，大概率是得不到答案的，因为它只会告诉你一些文字方法。因此，我们要优化我们的提问方式：请用html、css、js帮我搭建一个网页，要求拥有完整的框架，并提供示例代码。在加入了这三点之后，他就能很好的明白我们的意思并给我们具体代码了。接下来我们看看它的回答。

很好，他已经帮我们完成了代码的编写，让我们来看看是什么效果吧！

在用网页浏览器打开后，是这样的：

可以看出，基本的框架有了，但是，结构排布的不好，很多地方不太美观，所以，基本框架还需要完善！

三、完善框架

我们接着让他完善框架，注意，提问时要把具体的地方说出来，这样修改才精准。提问：不错，基本的框架有了，可是这个框架并不完善，在网页上呈现的并不美观，比如大标题和标题1-3，另外版权放的位置也不好，应该放在网页最底部。请你把这些结构继续优化，并提供示例代码。

紧接着，它就给我们进行了优化

我们再来看看效果怎么样。

很好，网页的布局已经完善了，大标题已经居中，也拥有了基本的导航栏，版权信息也放在了最下方。

确定主题，丰富内容

接下来，我们就要开始在框架上填充内容了。不过在这之前，你要确定你的网站主题，也就是你的网站是用来做什么的。我们举个例子，假如说我的网站是做旅游的，那么我就把旅游作为主题。其次，我们需要确定丰富的内容，比如说：要有热门景点，热门美食，热门城市三个模块，并且配有图文结合的框架。

然后，在我们确定了主题和丰富的内容之后，就可以继续想chatgpt提问了。提问：很好，我们要在这个基础框架上继续优化，我的主题是旅游，我需要把基本风格做成旅游相关的，并且要有热门景点，热门美食，热门城市三个模块，并且配有图文结合的框架，请你继续完善，并提供示例代码。

我们可以看到，它为我们又做了许多优化，我们来看看效果如何！

很好，它完成了我们所说的内容，只不过，整个页面的样子和风格不太符合旅游，因此…

镶嵌合适的风格

我们要配上一个符合旅游风格的样式，因此，我们可以找到关于旅游的一些描述：阳光，放松，舒适，解压，环游世界。然后，我们告诉chatgpt我们的风格，让它继续优化。提问：基本做的差不多了，但是这样的页面样式并不符合旅游网站的风格，请你在这个基础上做成一个阳光，放松，舒适，解压，环游世界的旅游主题的网页，并提供示例代码。