何谓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编程来看都是给你内容返回而已。

果然不太行，其次创建3个页面估计也得自己来，AI能帮你编写和规划吧。

不过确实把大概内容给到了，剩下的我手动建立弄起来，差不多吧，然后首页点击跳转有问题，因此接下来还要继续解决问题，问题太多咯，所以你们以为AI编程很简单吗？