网页设计与制作实训总结报告，有哪些经验与教训可以分享？

一、 实训的“温度计”——从零到一的心路历程

回首这一个月的实训，像是把一块未经打磨的原石放进了炽热的炉火里。一开始的焦虑在于“我真的能把设计稿变成真实页面吗？”而当第一个按钮在浏览器里闪现时那份激动几乎要把键盘敲坏。整个过程像是一次情绪过山车：从不安到自信，从迷茫到豁然开朗，这也行？。

1️⃣ 市场调研——不是走马观花， 而是倾听用户心声

我们先用问卷和访谈收集目标用户的使用习惯，惊讶地发现，80% 的受访者更倾向于在手机上浏览内容而且对加载速度极其敏感。于是“移动优先”成了我们的第一条原则，换个角度。。

2️⃣ 架构设计——把“大厦”拆成“一砖一瓦”

采用信息架构图和站点地图， 我们把原本散乱的功能模块重新排列组合，使得导航层级不超过三层，保证用户在5 秒内找到所需信息。

二、 技术栈选型背后的权衡：经验 + 教训

⚙️ HTML5 + CSS3 + JavaScript —— 基础不容妥协

在实战中，我们坚持使用语义化标签，这不仅提升了可读性，也为后期 SEO 打下坚实基础。但一次忘记给图片加 alt 属性导致搜索引擎抓取不到关键信息， 歇了吧... 这件事让我们彻底认识到细节的重要性。

🛠 前端框架的抉择——Vue 与 React 的“爱恨情仇”

团队内部对 Vue 与 React 各执一词。到头来我们决定混合使用：

• Vue.js 用于页面交互密集的小组件；
• React 承担整体状态管理和大型视图渲染。

优化一下。 虽然这样带来了学习成本， 但也让我们体会到“技术不是唯一答案”，项目需求才是决策的核心。