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

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

唐朝2年前 (2025-01-11)web实践910

通过阿里的人工智能工具通义灵码的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、一个可以实现《m3u8推流播放》功能的静态页面。2、一个多余的js文件。用源码部署静态网站二、修复静态页面材料包里的静态页面有点小问题,问题包含1、没有正确的引用css+js文件,我们需要把script和link标签里的路径改成本地可访问的路径;2、样式不好友,需要进行...

    消失的留言

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

    团队介绍模块制作

    团队介绍模块制作

    以结构化、直观的方式展示团队成员的基本信息,包括头像、姓名、职务及简要工作经历等。后续可以通过设置链接,用户可以方便地访问成员的详细资料,增强了页面的信息传递效率和交互性。同时,模块设计兼顾了响应式布局,确保在各类设备上的良好用户体验。一、构造HTML结构使用!DOCTYPE html声明文档类型,...

    后台地址与找回密码

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

    h5网站添加统计代码

    1、进入百度统计官方网站 https://tongji.baidu.com/2、登录账户3、在控制面板界面,点击《使用配置》4、在《使用配置》左侧导航的《网站列表》界面,点击《添加站点》5、输入以下信息网站域名: 格式 b9b31053.idc.wod.xyz网站首页:格式&nb...

    zblog的伪静态怎么开启

    zblog的伪静态怎么开启

    伪静态可以自定义URL,简洁明了的URL结构让用户更容易理解和记忆,提升了用户的浏览体验。本案例采用的是nginx环境。操作步骤如下:1、在应用中心找到《静态管理中心》插件并开启开启;2、点击《静态管理中心》的管理配置按钮;3、在《配置界面》的静态化选项-使用伪静态前必须确认主机是否支持处,选择伪静...