企业官网建设流程全解析

本文使用AI做了一个「每日壁纸 + 短句」静态网页

1.需求

做一个极简静态网页，打开就是一张高清壁纸 + 一句温柔文案，干净、治愈、极简。

• 打开自动显示一张高清壁纸
• 壁纸上叠加一句治愈短句 / 名言
• 支持一键刷新换壁纸、换句子
• 支持一键保存壁纸
• 手机 / 电脑都好看
• 纯静态，不登录、不收集信息

2.所用技术

HTML + JS +CSS 调用开源接口，获取免费壁纸和文案

3.生成提示词

将需求告诉ai，让ai帮忙生成提示词，比如：

设计风格

• 全屏大图
• 文字半透明、柔和、居中
• 底部按钮半浮层
• 深色遮罩让文字更清晰
• 无多余元素

页面布局

• 页面（全屏）
• 背景壁纸（全屏覆盖）
• 文字层（居中、大字体、优雅）
• 底部按钮组（刷新、保存）
• 加载动画

得到提示词模板

项目名称：每日壁纸 + 短句工具 功能要求：

1. 调用一言接口随机获取句子

2. 调用高清壁纸接口获取随机风景壁纸

3. 全屏展示，文字居中优雅排版

4. 按钮：刷新壁纸、保存图片

5. 有加载动画、错误处理

6. 适配手机、PC

7. 风格极简、治愈、干净

8. 只用 HTML + CSS + JS，全部使用 CDN

9. 代码完整、可直接保存运行 请帮我生成完整结构、思路、代码。

将提示词交给AI编辑器，进行生成，这里使用的是Trae CN,可以免费使用，可能需要排队...

生成后页面如下：

一个非常简单的页面就做好了

AI生成样例

链接：https://pan.quark.cn/s/5993b1b60ff2?pwd=aDfF 提取码：aDfF