#6. 网页模式

#功能介绍

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

#适用人群

#使用方法

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

填写补充信息，也可以跳过让AI自动选择。等待一段时间后即可生成网页。

生成效果展示。

#使用示例

个人简历：

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

活动页面：

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

个人博客：

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

数据看板：

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

电商落地页：

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

课程介绍页：

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

作品集展示：

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

#网页定制技巧

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

#网页导出说明

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

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