前几天写过豆包能一键制作网页的教程,这篇文章很受大家欢迎
这个功能完全无需会代码,就能用上豆包的AI编程轻易做出一个精美度很高的网页教程,当时已经觉得非常惊艳!
没想到豆包这几天又在这个功能上进行了迭代,增加了很多新的技能,我试了一下,让我更兴奋了!
它现在不仅仅有一键生成精美网页的功能,它还能在不需要修改代码的情况下,直接修改网页上的文字、图片、跳转逻辑,甚至修改某个组件。
有一种小朋友玩DIY的感觉啊~
话不多说,赶紧开始今天的分享。
如何生成网页
下面举个栗子,比如我要做一个关于暑假夏令营的活动网页,以此来实操整个过程。
1.写方案
打开豆包官网,让豆包写个活动方案,比如下面这样:
2.生成网页
豆包很快生成活动方案,有需要修改可以继续沟通优化到满意为止。
然后,打开对话框下面的【技能】选项,在里面找到【AI编程】,接着,在对话框里输入:帮我把这个活动方案生成网页。
接下来就可以看到豆包正在马不停蹄地写代码中。
大概过了几分钟,网页就做好啦!如下图:
网页如何修改
那么,网页做好了,对里面的内容如果不满意的话要如何修改呢?
下面会从修改文字、修改图片、修改跳转链接、修改组件几个方面进行讲解。
1.修改文字
如果你觉得网页上的某些文字需要进行修改,那么,可以从网页上端这个编辑功能进入。
然后把鼠标光标放到对应的地方即可进行修改。比如我要把上面这个简介给修改一下,给大家录了个动态图。
2.修改图片
如果你觉得网页里面的配图不够精美,那么可以通过搜索图片来进行替换,比如这样:
还可以用AI生图来进行替换,比如这样:
3.修改跳转链接
比如在网页前面这里,有个【查看行程】和【立即报名】的跳转链接。本来是点击后就跳转到对应位置的。
我想把【查看行程】,改成【行程安排】,那么,对应的跳转链接也需要做修改。那么我可以在修改完这里的文字后,直接在这里给出命令:点击行程安排后,帮我跳转到本页面【行程安排】处。如下图:
接收任务后,豆包马不停蹄开始自己改代码,改完之后页面就重新展示出来,可以看到,页面上点击【行程安排】已经能跳转到对应的位置啦。具体如下图展示:
4.修改组件
如果我想让它帮我帮我改个风格,那么一样在编辑状态下,选中要修改的部分,给出指令:帮我修改这个位置的样式,想要活泼一点的风格。
写完命令就回车。
然后豆包又会开始自己改代码,直到完成。后面改成了这样,右边变成了图片层列动态展示。
当然如果不满意,还可以让豆包继续改改改,毕竟是免费的员工嘛。哈哈~
写在最后
每次体验豆包的新功能,我都会感慨AI技术迭代的速度真的太快了!
还记得几年前,想要做一个网页,需要学HTML、CSS、JavaScript,光是入门就要花几个月时间。
现在豆包直接让我们用自然语言就能"指挥"AI做出精美的网页,还能随时修改调整。
这种体验真的让我想起小时候玩积木的感觉——你脑子里有什么想法,直接动手就能拼出来,完全不需要复杂的技术门槛。
想象一下,当一个小学老师可以轻松做出班级网站,当一个小店老板可以快速搭建宣传页面,当一个宝妈可以为孩子的生日party制作邀请函网页——这些场景正在成为现实。
这也正是我写这个公众号的初心:让AI不再是高高在上的概念,而是每个普通人都能用上的效率工具。
我相信,掌握这些AI技能的人,一定会在生活和工作中获得更多的主动权。