⭐️⭐️⭐️⭐️⭐️我正在参加Trae「超级体验官」创意实践征文，本文所使用的 Trae 免费下载链接：[www.trae.com.cn/?utm_source…]
英文提示词：
Create a modern, visually appealing, and fully responsive website for a construction company. The website should include a sleek and professional design with a dark or white theme option, stylish typography, smooth animations, and icons that represent construction services (e.g. building, renovation, architecture, tools). The homepage should feature a bold hero section with a call-to-action button, a services section with icons and short descriptions, a portfolio/gallery section with image animations, client testimonials, and a contact form. Add a fixed navigation bar and interactive scroll effects. Use modern web design principles and CSS animations. Use clean and well-organized HTML, CSS (preferably Tailwind or Bootstrap), and optional JavaScript for interactivity.
中文提示词：
为一家建筑公司创建一个现代、视觉上吸引人且完全响应式的网站。网站应包括一个时尚且专业的设计，具有深色或白色主题选项、时尚的排版、平滑的动画以及代表建筑服务的图标（例如建筑、翻新、建筑学、工具）。主页应具有一个带有行动号召按钮的醒目英雄区域、带有图标和简短描述的服务区域、带有图像动画的作品集/画廊区域、客户推荐和一个联系表单。添加一个固定导航栏和交互式滚动效果。使用现代网页设计原则和 CSS 动画。使用干净且组织良好的 HTML、CSS（最好是 Tailwind 或 Bootstrap），以及可选的 JavaScript 进行交互。
Trae 实战的演练（成功的结果）
优化提示词：
创建一个现代、视觉上吸引人且完全响应式的建筑公司网站
- 设计要求：
-
实现一个时尚且专业的界面设计。
-
提供深色和白色两种主题选项，以适应不同用户的偏好。
-
使用现代排版风格，确保文本清晰易读。
-
集成平滑的CSS动画，提升用户体验。
-
使用与建筑服务相关的图标，如建筑、翻新、建筑学和工具等，以直观展示服务内容。
- 主页布局：
-
设计一个醒目的英雄区域，包含一个引人注目的行动号召（CTA）按钮，引导用户采取行动。
-
包含一个服务区域，使用图标和简短描述来展示公司提供的服务。
-
添加一个作品集/画廊区域，展示公司过去的项目，使用图像动画增强视觉效果。
-
包含客户推荐或评价，以增加信任感。
-
提供一个联系表单，方便潜在客户与公司取得联系。
- 导航和交互：
-
实现一个固定导航栏，确保用户在浏览网站时可以轻松访问所有页面。
-
添加交互式滚动效果，如滚动到顶部按钮，提升用户浏览体验。
- 技术实现：
-
遵循现代网页设计原则，确保网站在各种设备上的兼容性和响应性。
-
使用CSS动画来增强视觉效果，同时保持性能优化。
-
使用结构清晰、易于维护的HTML和CSS代码，推荐使用Tailwind CSS或Bootstrap框架来加速开发过程。
-
可选地使用JavaScript来增加网站的交互性，如动态内容加载、表单验证等。
- 性能和可访问性：
-
确保网站加载速度快，优化图像和代码以减少加载时间。
-
实现良好的可访问性，确保所有用户，包括那些使用辅助技术的用户，都能访问网站内容。
