当前位置:首页 > web实践 > 正文内容

通过通义灵码制作一个简单的首页

唐朝1年前 (2025-01-11)web实践761

通过阿里的人工智能工具通义灵码的AI程序员制作一个简单的首页,包含顶部,导航,中间内容和底部4部分。

具体要求

顶部:

HTML+CSS简易首页制作

导航:

首页、学习资料、作业演示、关于、联系

作业演示设置二级下拉演示1、演示2、演示3

中间内容:

欢迎来到我们的网站

这里是您的网站标语或者简介,突出展示关键信息。

代码是未来的画笔,前端是创意的舞台。每一行代码都是迈向成功的脚步,每一次挑战都是成长的机遇。

不要害怕错误,它们是通向真理的垫脚石。坚持不懈,不断学习,追求卓越,用技术创造无限可能。

相信自己的能力,释放内心的创造力,在前端的世界里,你就是那个能改变未来的人!

底部:

@2024  web前端开发

工具

1、vscode

2、vscode的插件《TONGYI Lingma》

3、本地静态站点

制作步骤

1、打开vscode.

2、将本地静态站点的网站根目录文件拖到vscode内。

3、在vscode侧边栏点击“tongyi”,然后选择“AI程序员”。

4、在下方的输入框内输入“使用 html、CSS 和 jQuery 开发一个页面。 每块区域都加一个class样式,width: 1200px; margin: 0 auto;”加上面的具体要求。

5、等待输出结果,输出结束后,点击接受。

6、返回本地域名查看生成的结果。

7、如不满意,把生成的文件剪切到别处,然后继续返回执行第4步,直到输出满意结果为止。

8、完。

    文档如有描述不清楚、错误或者过时的地方,欢迎留言指出。

    文档、教程内容会不定时更新,转载请标明原帖链接,以免让过时的教程流入网络。

    分享给朋友:

    “通过通义灵码制作一个简单的首页” 的相关文章

    简易首页制作

    简易首页制作

    简易首页的组成由头部文件、导航、内容模块和底部四块组成。1、初始化HTML基础框架使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,并设置语言和标题。<!DOCTYPE html> <html lang="...

    消失的留言

    知识点总结:1、掌握延时函数的使用 2、掌握JavaScript控制css属性的方法。功能介绍:每隔一秒显示一句话。操作步骤1、初始化HTML基础框架使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,然后设置语言和标题。<!DOCTYPE ...

    萌系返回顶部

    萌系返回顶部

            一款创新且富有情感化交互设计的小功能,专为提升用户体验而精心打造。该功能会在用户浏览网页内容并向下滚动至预设阈值高度时,在网页右下角自动显现一个生动可爱的小人图标。这一设计旨在吸引用户的注意力,并提供返回...

    动态数据管理

    动态数据管理

    一个可定制的动态文本输入列表管理功能,主要用于Web应用程序中,允许用户按需添加和操作多个文本输入项。通过此功能,用户可以根据实际需求灵活地增加、删除和重新排序多个文本输入项,极大地提高了交互性和定制性。1、构造HTML结构使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建...

    今天吃什么

    今天吃什么

    "今天吃什么"是一款极具趣味性的在线餐饮决策助手,旨在为面对琳琅满目美食选项而犹豫不决的用户,提供轻松愉快的随机推荐体验。该产品以简洁明快的网页界面呈现,只需轻点鼠标,即可在瞬间为用户揭晓今日餐单,让日常饮食选择变得简单又充满惊喜。所运用的知识点1、使用document.quer...

    通过《通义灵码》生成想要的功能

    通过《通义灵码》生成想要的功能

    通义灵码(TONGYI Lingma)是一款强大的智能编码助手,能够帮助开发者在编写代码时提高效率和质量。要使用它来生成特定功能。我们来实现下下面的功能。功能:使用HTML5拖放API实现购物车拖放效果,如图所示:一、确认问题通义灵码目前是不支持发送图片的,我们需要把功能上没写,但图片上有的功能一并...