第2章 AI实践：基于AI开发个人作品集网站_第1页
第2章 AI实践：基于AI开发个人作品集网站_第2页
第2章 AI实践：基于AI开发个人作品集网站_第3页
第2章 AI实践：基于AI开发个人作品集网站_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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="viewport"content="width=device-width,initial-scale=1.0"><title>我的个人作品集</title></head><body><!--页面标题和自我介绍--><h1>我的个人作品集</h1><hr><h2>关于我</h2><p>大家好！我是一名热爱编程的开发者。我喜欢用代码创造有价值的项目，不断学习新技术。</p><p>我的目标是成为一名优秀的全栈开发工程师，为用户提供优质的产品和服务。</p><hr><!--技能展示--><h2>我的技能</h2><ul><li>HTML5-网页结构开发</li><li>CSS3-网页样式设计</li><li>JavaScript-网页交互开发</li><li>Python-后端开发</li><li>Git-版本控制</li></ul><hr><!--作品集展示--><h2>我的作品</h2><h3>项目一：个人博客网站</h3><p><strong>项目描述：</strong>一个使用HTML和CSS创建的个人博客网站，包含文章列表、详情页面和评论功能。</p><p><strong>技术栈：</strong>HTML5,CSS3,JavaScript</p><p><strong>项目链接：</strong><ahref="/blog"target="_blank">查看项目</a></p><h3>项目二：待办事项应用</h3><p><strong>项目描述：</strong>一个简单实用的待办事项管理应用，可以添加、删除和标记完成任务。</p><p><strong>技术栈：</strong>HTML5,CSS3,JavaScript,LocalStorage</p><p><strong>项目链接：</strong><ahref="/todo"target="_blank">查看项目</a></p><h3>项目三：在线计算器</h3><p><strong>项目描述：</strong>一个功能完整的在线计算器，支持基本运算和科学计算。</p><p><strong>技术栈：</strong>HTML5,CSS3,JavaScript</p><p><strong>项目链接：</strong><ahref="/calculator"target="_blank">查看项目</a></p><hr><!--联系方式--><h2>联系我</h2><p>如果你对我的作品感兴趣，欢迎通过以下方式联系我：</p><ul><li>邮箱：contact@</li><li>微信：mywechat123</li><li>个人网站：</li></ul><hr><!--页脚--><p><center>©2024我的个人作品集|感谢访问</center></p></body></html>在TRAE中安

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论