之前总觉得做网页是件特复杂的事,得对着满屏代码一点点敲,还得懂各种标签规则。身边懂编程的朋友随手就能做出好看的网页,我每次想弄个个人展示页或者活动报名页,都只能对着模板发呆,改个颜色都怕把页面搞崩。

AI编程实战体验,小白也能轻松在线生成HTML网页,1小时搞定需求_编程工具

最近我发现,现在的AI编程工具已经强到我这种代码小白也能完全用明白的程度...不过弱弱问一句,这样下去程序员真的不会失业吗?

上手用了几个AI编程工具,挑了一个自己用的最顺手的文心快码,写需求不要多专业,我们平常说话那种方式它也能听得懂,这点很让我满意。后续用它做网页,发现真的比我想象中强太多,完全颠覆了我对做网页的认知。

AI编程实战体验,小白也能轻松在线生成HTML网页,1小时搞定需求_编程工具_02

最开始我想做个简单的作品集网页,就抱着试试的心态在文心快码里描述需求:“想要一个分三个板块的网页,顶部有导航栏,中间放作品图片和简介,底部加联系方式,整体风格简约清新”。本来以为得等半天,结果不到一分钟,网页框架就生成了。预览的时候发现导航栏文字有点挤,我随口提了句“导航栏文字间距调大些”,刷新后立马就改好了,比请朋友帮忙改还方便。

AI编程实战体验,小白也能轻松在线生成HTML网页,1小时搞定需求_编程工具_03

后来部门要搞线下活动,需要一个报名网页收集信息。以前这种事要么找外包,要么用现成模板将就,信息收集还得手动整理。部门会议上我直接自告奋勇,在同事诧异的目光注视下,我接下了这个任务,省下的外包钱变成了我们部门团建资金。这次我用文心快码直接说:“要一个活动报名页,包含活动介绍、时间地点、报名表单,表单需要收集姓名、电话、单位和参与人数,提交后能自动保存数据”。不到十分钟,完整的报名页就做好了,表单提交后数据直接存在后台,导出Excel就行,省了一大堆事。后续我把demo拿给邻桌同事看,让他给点反馈,说觉得网页背景太单调、页面排版还有点乱。我接着在文心快码里面顺着之前的内容往下写,“浅灰色渐变背景,加些细微的波浪纹理;优化移动端显示”,不用新开窗口。文心快码收到反馈,又开始写代码,完成后预览网页,刷新后在手机上看就整整齐齐的。整个过程我没写一行代码,全靠自然语言描述需求,就像和设计师聊天一样。

之前以为做个像样的网页至少得花两三天,还得边学边做。现在用文心快码,从构思需求到生成可用的网页,最快一个小时就能搞定。不管是简单的展示页、报名页,还是带数据表格的信息页,它都能轻松应对。