当前位置：首页 > ds >正文

何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡

ds 2025/7/18 6:31:25

何谓AI编程【02】AI编程官网以优雅草星云智控为例建设实践-完善顶部-建立各项子页-调整排版-优雅草卓伊凡

背景

我们以建设星云智控官网来做AI编程实践，很多人以为AI已经强大到不需要程序员了，其实不是，AI更加需要程序员，普通人都用不来，本过程就详细讲述一个AI建设的企业官网要如何建立，本官网为系列开发毕竟，要做一个漂亮的官网才能符合我们的要求。

代码开源地址：

优雅草星云智控官网-网站版本: 优雅草星云智控官网-网站版本-这是星云智控的官网

xingyun.youyacao.com 星云智控官网可以随时访问查看

这是第二次改版的样子，logo都看不见了问题很多，废话不多我们继续

实践开始

首先我们要调整导航顶部，

顶部做成固定，并且是半透明，达到要求

然后我们继续调整下底部，新闻报道这里应该直接做成跳转链接，其次底部我们自媒体平台应该对应起来，有csdn，知乎，哔哩哔哩，今日头条，

那么我们得准备这几个小的icon，还有我们在访问的时候么有icon标，也就是浏览器网址位置，也需要加上，

优雅草ico直接放根目录，加一段代码即可

<link crossorigin="" rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>

这个就不用ai了吧，接下来我们把知乎哔哩哔哩等的图标logo保存进img

现在我们开始对底部进行调整，对AI输入以下内容

那么底部关于连接部分，我发现手改比较快一些，可能比ai还要快，因为图标和地址都要对应加

再刷新看看成功了

排版问题还有点严重，现在我们先把子页面建立了，给ai告诉，并且优化下css要把css存放在css里面才对

我决定只有3个选项建立子页面，另外两个做外链，并且应该为安装教程和技术文档

那么我们应该AI输入：

顶部导航需要增加跳转，请为我建立3个子页面，分别是关于我们，产品介绍，和应用场景的子页面，建立的子页面分别为about.html，product.html,case.html，这三个选项跳转到子页面，请为我大概书写子页面内容，根据整体内容大概书写，其次请把首页的css内容放在css/style.css文件内容里面

其实我不确定现在AI编程有没有达到这样的智能，就是自己去改源码，因为按照目前使用的所有AI编程来看都是给你内容返回而已。