使用指南
欢迎来到 HTMLPAGE 使用指南！无论你是初学者还是专业开发者，这里都有适合你的教程。
🚀 入门必读
快速上手 HTMLPAGE 的基础功能
快速入门指南
5分钟上手 HTMLPAGE，了解基础功能和操作流程，快速创建你的第一个专业网页
AI 页面生成教程
学会用 AI 快速创建专业网页，掌握提示词优化技巧，让 AI 准确理解你的需求
模板使用指南
高效使用模板库，加速页面创建，一键应用专业设计的网页模板并快速定制
注册登录
创建 HTMLPAGE 账号，云端保存你的作品，随时随地访问和编辑你的项目
选择模板
从模板市场选择合适的起点，了解如何筛选和预览模板，找到最适合的设计
可视化编辑
拖拽修改页面元素和布局，实时预览编辑效果，轻松调整样式和内容
🎨 进阶功能
掌握更多高级功能，创建专业级网页
响应式设计教程
创建适配各种设备的自适应网页，完美显示在桌面、平板、手机等所有屏幕上
栅格系统
使用灵活的12列布局网格，创建专业的页面结构，实现精确的元素对齐
组件库
丰富的预制组件和模块，包括导航、表单、卡片、按钮等常用元素
样式定制
自定义颜色、字体和间距，打造独特的视觉风格，符合品牌形象
多框架导出指南
导出为 Vue、React、HTML 等格式，将页面无缝集成到现有项目中
代码优化
导出清晰、规范的代码，符合最佳实践，易于维护和扩展
资源管理
处理图片、字体等静态资源，优化资源加载，提升页面性能
项目集成
将生成的页面集成到现有项目，了解如何配置和部署
SEO 优化指南
提升网页在搜索引擎中的排名，增加自然流量，优化元数据和结构
元数据设置
配置标题、描述、关键词等 SEO 元数据，提高搜索引擎可见性
语义化标签
使用正确的 HTML 结构，提高页面的可访问性和 SEO 表现
性能优化
提升页面加载速度，优化用户体验，提高搜索引擎评分
💡 最佳实践
学习专业的工作流程和技巧
工作流程建议
从需求分析到发布的完整流程：明确需求 → 选择起点 → 内容填充 → 视觉优化 → 响应式调试 → SEO 配置 → 导出发布
常见场景指南
企业官网、落地页、个人作品集、电商页面等常见场景的最佳实践和注意事项
🔧 技巧与窍门
提升效率的实用技巧
AI 使用技巧
详细描述需求、分步优化、参考案例、明确元素，让 AI 生成更符合预期的页面
编辑技巧
快捷键、组件复用、图层管理、样式继承等编辑器高效使用技巧
性能优化技巧
图片压缩、代码精简、懒加载、CDN 加速等性能优化实用方法
📖 相关资源
扩展阅读和深入学习
AI 页面生成
AI 功能详细介绍，了解智能生成的工作原理和技术细节
可视化编辑
编辑器使用说明，掌握所有编辑功能和操作技巧
模板市场
模板库使用指南，了解如何查找和使用模板
SaaS 落地页
软件产品推广页面案例，学习成功案例的设计思路
企业官网
公司网站制作案例，了解企业官网的设计要点
电商页面
电商产品页案例，学习如何提升转化率
AI 技术架构
了解 HTMLPAGE AI 工作原理，深入技术细节
多智能体系统
技术架构详解，探索多智能体协作机制
💡 需要帮助？ 查看各个教程的详细说明，或访问 帮助中心 获取更多资源。