00:00
大家好,今天用一个港口水运服务网站给大家呈现纯AI对话式建站的从0~1的建站过程,包括需求确定、网站生成、素材上传、网站修改、发布上传五个步骤。第一步,需求确定,打开需求文档,我们可以看到客户提供了公司基本信息、logo、公司简介以及页面名称,以及每个页面所对应的大致内容。第二步,网站生成,进入网站后台,如果不想AI生成,也可以直接选择模板安装,后续也支持AI对话。修改网站输入一段文案,进入AI对话环节,提供公司信息以及设计需求,比如配色页面的系统将在3分钟左右生成一个完整的网站。第三步,素材上传,准备好需要放到网站上的基础素材,比如logo发图、业务图、产品图等,并将准备好的素材按照文件分类传到后台的云资源库中,以便后续可以快速找到素材。第4步,网站。
01:00
修改网站生成后,点击右上角的配色按钮,将主题色配置好,建议直接取logo的主色为主色调,替换网站logo,选中已上传的banner图片,通过AI对话修改按钮的背景色,替换公司简介的图片。将定制解决方案向上移动并修改成核心业务,通过微信截图取色,手工调整区域背景色,再分别设置3个卡片的背景色为白色。通过AI对话快速修改核心业务的标题、图标、简介、客户需求所有的产品无需点击查看详情效果,删除系统生成的产品区域,这是我最终生成的影视效果。打开任意的AI工具,比如腾讯元宝,通过多轮对话拿到更精准的提示词,这是最终的提示词,有需要的朋友可以截图保存,复制最终得到的AI编程提示词。
02:00
点击添加区域粘贴提示,确定生成,可以看到生成后样式还没有达到最终效果,输入调整提示词,直接发送给AI看,这次生成出来的效果非常棒啊,将标题修改为热门产品,选中分别替换产品图片,继续修改产品标题并保存。选中网站底部,选择已有的提示词模板,增加上备案编号模块,删除掉路测不要的模块。选中网站底部,通过提示词在右侧增加二维码模块,替换公众号二维码。手机端和电脑端整个首页效果已经全部完成,切换到关于我们页面查看效果,不是我们想要的。点击新增页面,选择已有的关于我们样式模板,确定添加,输入页面名称并确定删除原来的关于我们页面,并拖动调整页面排序。
03:00
选择已上传的banner图片,替换公司简介图片和公司简介文案,删除发展历程模块、微信截图想要的样式图片,再次打开元宝,得到想要效果的提示词,粘贴并发送提示词,等待AI生成样式成功后,上传图片和替换对应的文案,删除不需要的区域,得到关于我们页面的最终效果。为了统一内页的横幅图样式,可以先删除掉其他页面,复制关于我们页面,修改页面名称并刷新修改横幅图上的标题和简介,替换banner横幅图,删除掉不需要的元素模块,返回网站首页,复制核心业务区域,切换到核心业务页面,粘贴该区域并保存,删除掉无用的区域和模。
04:00
模块并保存复制页面并修改页面名称,将页面上及修改为核心业务切换到子页面,删除不要的模块,切换到关于我们页面复制优势区域,进入子页面粘贴复制的区域。修改横幅图、标题和简介,删除掉无用的模块,选择已上传的图片,修改业务名称和简介,继续复制2个子页面并完成文案图片的修改,替换预览网站核心业务以及子页面制作,完成复制核心业务页面,修改名称为产品中心,修改标题和简介,替换banner横幅图,将选项卡片复制到6个输入提示词,让卡片一行变为3个,通过AI对话快速完成图标、标题、文案的替换。复制产品中心页面并修改页面名称,修改上级页面为产品中心,切换到子页面,修改标题和简介,删除掉无用的拈块,通过AI对话生成想要的仰视效果,替换产品图片和产品标题,重复复制6个子页面并完成页面名。
05:22
称修改完成6个页面的图片替换和文案修改。新增页面,选择已有的横版新闻列表盎式模板,设置页面名称为工程案例,切换到后台,添加工程案例的文章分类,发布一篇测试工程案例的文章,切换到前台,刷新页面新增的案例已显示,删除掉不用的分类模块,修改横幅图的标题和简介。新增页面,选择竖版文章列表风格,输入页面名称并确定添加公司新闻和行业新闻分类。编辑页面,选择该页面显示的文章分类,选中新闻列表模块,设置需显示的文章分类。新增页面,选择适合的联系我们模板,输入页面名称并确定,切换到产品中心页面,复制横幅图区域,切换到联系我。
06:22
什么页面粘贴横幅图区域,删除无用的区域并保存,修改页面名称和简介,修改联系电话、邮箱、公司地址,通过经纬度方式完成地图定位修改,复制联系我们页面的横幅图,粘贴到新闻资讯页面,完成标题和简介修改,切换到网站首页设置按钮的连接地址,将其他的按钮和卡片都做好链接设置,切换到核心业务和产品中心页面,设置好卡片链接,整个网站已完成制作预览,网站所有页面都可以正常打开。第5步,发布上传点击右上角的发布按钮,点击立即发布,等待发布成功即可访问临时地址,网站已可正常访问。
我来说两句