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

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

一、首先，找到chatgpt。

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

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

二、搭建框架

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

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

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

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

三、完善框架

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

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

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

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

确定主题，丰富内容

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

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

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

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

镶嵌合适的风格

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

让我们来看看效果。

能看出来，我们的页面已经比之前的要好看多啦，接下来，图片要更换，文字要修改，这些都是可以自己在代码上完成的了！

完成搭建

以上就是一个最基本的网页的搭建，我们利用chatgpt来搭建了一个基本的旅游主题的网页，效果还是不错的，我们只是通过几次的问答，就实现了这种效果，效率很高了！

结语

小伙伴们可以在评论里面找到我使用的国内镜像站去完成自己网页的搭建！

如果有小伙伴想做一个属于自己的镜像站也可以来找我，我会把技术交流群的qq号发在评论区！