模块 7 · 三个完整实战项目 · 第 1/3 节
实战一：企业官网 / 营销落地页
案例：一家室内设计工作室“青木设计”的官网，目标是获取咨询线索。难度：★☆☆
需以当前账户界面为准：以下为虚构教学案例，不是已运行的实际业务。请替换真实品牌与联系方式；功能验收以自己创建的项目为准。
🎯学习目标
- 独立完成一个多页面官网
- 掌握品牌素材使用
- 完成 SEO 与发布
📋需求分析
- 目标：展示作品，引导访客提交咨询
- 用户：有装修需求的业主，多用手机浏览
- 核心转化：填写咨询表单
📋数据模型
- 咨询线索：姓名、电话、房屋面积、预算区间、留言、提交时间
- 作品（可先写在页面中）：标题、风格、面积、图片
📋页面结构
- 首页：大图 + 口号 + 精选作品 + 服务流程 + 咨询入口
- 作品集：按风格筛选，点击查看详情
- 服务与价格
- 关于我们
- 联系咨询：表单 + 地址 + 地图
📋发布清单
- Logo 与真实作品图已替换
- 联系方式准确
- 表单提交后数据可在后台看到
- 每页标题描述已设置
- 绑定域名
🧭操作步骤
- 1
第一阶段：框架与风格
生成所有页面和导航，确定整体风格。
- 2
第二阶段：内容与素材
上传 Logo 和作品图，替换文案。
- 3
第三阶段：咨询表单
开通 Cloud，保存咨询线索，管理员可查看。
- 4
第四阶段：手机端与 SEO
检查手机端，设置标题描述。
- 5
第五阶段：测试与发布
按清单测试，发布并绑定域名。
💬可复制提示词
首轮提示词
为室内设计工作室“青木设计”做官网。目标：展示作品并获取装修咨询。用户：有装修需求的业主，多用手机。页面：首页、作品集、服务与价格、关于我们、联系咨询。风格：日式简约，米白和原木色，留白充足。先完成页面框架和导航，内容可用示例。
迭代：素材
我上传了 logo 和 6 张作品图。请把 logo 放在导航左侧，作品图用于作品集页面，每张配上标题、风格和面积（先用示例文字）。
迭代：咨询表单
联系页的咨询表单需要保存到数据库：姓名、电话（校验格式）、房屋面积、预算区间（下拉）、留言。提交后显示感谢提示。只有管理员能在后台查看所有咨询。
测试
请测试：提交空表单、错误电话格式、正常提交；确认未登录用户无法查看咨询数据；在手机尺寸下检查所有页面。
✅ 预期结果
- 五个页面完整可用
- 咨询数据可被管理员查看
- 手机端体验良好并已上线
⚠️ 常见错误
- 使用无版权的网络图片
- 咨询数据所有人可见
- 忘记替换示例联系方式
📝自检题
1. 官网的咨询数据应该谁能看？
学完了？标记为已完成，记录你的进度。