#7. 网站模式

#功能介绍

网站模式是天工的网页设计与开发一体化智能体。它将设计师和前端开发工程师的工作合二为一——你完全不需要懂HTML、CSS或JavaScript等任何编程语言，只需要用自然语言描述你想要一个什么样的网页，AI就能从零到一生成一个完整的、可运行的网页。生成的网页支持在线实时预览——你可以直接在天工中看到网页的最终效果。确认满意后，可以导出为 HTML 文件。导出的文件是完整的、独立的网页代码，你可以直接在浏览器中打开、部署到自己的服务器上、或者交给开发团队进行二次开发。点击对话框下方「网站」即可使用。

#适用人群

#使用方法

!(./img/tiangong-260629-073.png)

点击对话框下方「网站」，输入需求。

等待一段时间后即可生成网页。

生成效果展示。

#从热门模板创建

首页下方的"热门项目"区陈列了一批不同风格的网站范例（如橄榄绿自然风格、橙紫活力风格、橙白极简风格、荧光绿活力风格等），可直接套用。将鼠标移到模板卡片上，点击卡片即可基于该范例快速发起，再在其基础上调整内容与风格。

#使用示例

个人简历：

帮我做一个在线个人简历网页，我是一名前端开发工程师，
3年经验，擅长React和Vue，包括个人介绍、技能展示、
项目经历和联系方式，风格科技感，暗色主题

活动页面：

设计一个公司年会活动报名网页，包括活动介绍、时间地点、
议程安排、嘉宾介绍和报名表单，主题色用红金搭配，
风格喜庆大气

个人博客：

做一个简洁的个人博客主页，支持文章列表展示、分类标签、
关于我页面，暗色主题，适合技术写作者，有代码高亮风格

数据看板：

生成一个销售数据看板网页，展示总销售额、订单数、客单价、
各产品销售占比等关键指标，要有图表可视化，商务蓝色调，
鼠标悬停时数据卡片有交互效果

电商落地页：

为一款新上市的无线耳机做一个电商促销落地页，包括：
产品大图、核心卖点（降噪/续航/佩戴舒适度）、用户评价、
限时优惠倒计时、立即购买按钮，风格年轻潮流，黑紫配色

课程介绍页：

设计一个Python编程课程的招生介绍网页，包括课程大纲、
讲师介绍、学员评价、价格方案对比表和报名入口，
风格清新专业，蓝白配色

作品集展示：

帮我做一个设计师作品集展示网页，支持图片画廊布局，
点击可以放大查看，包含作品分类筛选、个人简介和联系方式，
风格极简优雅，大量留白

#网页定制技巧

• 指定配色方案：明确告诉天工主色调和风格倾向，如"科技蓝"、"暖橙色系"、"黑白极简"
• 响应式需求：如果需要在手机上也能良好显示，可以提出"需要适配移动端"
• 交互效果：可以要求加入特定的交互效果，如"鼠标悬停卡片放大"、"滚动动画"
• 参考网站：如果有喜欢的网站风格，可以描述或提供链接让天工参考
• 内容填充：可以提供具体的文案内容，也可以让天工根据描述自动生成
• 多次迭代：生成后可以追问修改，如"把导航栏改成固定在顶部"、"增加一个FAQ板块"

#网页导出说明

生成的网页支持导出 HTML 文件，你可以下载后：

• 直接在浏览器中打开查看效果
• 部署到自己的服务器或托管平台（如GitHub Pages、Vercel等）
• 在本地使用代码编辑器继续修改和完善
• 交给技术团队进行后续开发和对接后端

#我的网站（管理已生成的网站）

生成过的网站会统一汇集到「设置 → 我的网站 → 我生成的网站」中集中管理。

列表以表格形式展示每个网站的：

在此可查看、打开、管理你做过的所有网站；尚未生成任何网站时，会显示"未找到任何项目"。