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

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

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

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

    倒计时跳转URL

    倒计时跳转URL

    倒计时跳转URL 是一种常见的网页交互技术,它允许网页在设定的时间结束后自动导航至另一个预设的URL地址。这种技术常见于网页广告展示、用户操作提示、页面过渡等待等情况。开发步骤1、初始化HTML基础框架使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,然...

    今天吃什么

    今天吃什么

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

    Banner需求提交界面

    Banner需求提交界面

    背景图加表单文本居中1、构造HTML结构使用!DOCTYPE html声明文档类型,并通过html:5的快捷代码创建HTML5的基础结,然后设置语言和标题。<!DOCTYPE html> <html lang="zh-Hans">...

    后台地址与找回密码

    网站默认后台地址:域名/zb_system/login.php如何修改后台地址在应用中心下载并安装插件《后台快捷方式》,即可自定义后台地址。下次访问的时候直接使用自己的自定义地址即可找回密码下载重置文件《https://update.zblogcn.com/tools/nologin.zip》,解压...

    虚拟主机安装zblog程序

    虚拟主机安装zblog程序

    本教程用于指导怎么通过虚拟主题全新安装一个zblogphp站点,数据库采用mysql。准备工作1、虚拟主机的程序语言是php,版本推荐选8.0以上版本,如没有8.0及其以上版本则选择当前最高的版本。2、虚拟主机有对应的mysql数据库信息。3、zblog的一键安装包。https://update.z...