第2章 AI实践：基于AI开发个人作品集网站.docxVIP

AI实践：基于AI开发个人作品集网站

个人作品集网页是一个展示个人作品的网站，借助AI可以快速地开发这类网站。考虑读者当前为初学网页的阶段，为了避免AI生成的代码过于复杂，可以限制AI使用的技术点，降低代码难度。

使用TRAE打开一个空的文件夹，创建index.html文件，然后切换到Agent智能体，在向AI提问的输入框中输入以下内容。

生成一个“个人作品集”网站，具体要求如下。

通过HTML代码实现，只使用常见的HTML标签。

代码适合初学者，易于理解。

不使用CSS代码。

输入完成后，单击按钮进行发送，等待AI执行完成。

AI执行完成后的效果如图1所示。

图1AI执行完成后的效果

在图1中，单击代码上方的“保留Ctrl+Enter”按钮，或右侧输入框上方的“全部保留”按钮，可以保留AI生成的代码。否则，单击“撤销Ctrl+Backspace”或“全部撤销”按钮可以撤销AI生成的代码。这里选择保留AI生成的代码即可。

AI生成的代码具体如下。

!DOCTYPEhtml

htmllang=zh-CN

head

metacharset=UTF-8

metaname=viewportcontent=width=device-width,initial-scale=1.0

title我的个人作品集/title

/head

body

!--页