实训第一天我就栽了跟头。网页照着教程敲完整个页面，设计实训预览时却发现导航栏和banner之间横着一条刺眼的报告白缝。检查了半小时，总结字最后发现是网页CSS里一个分号写成了中文全角。这种低级错误让我意识到，设计实训网页设计这行，报告细节能让人抓狂，总结字也能让页面瞬间崩塌。网页

真正动手做项目是设计实训在第三天。小组分配的报告任务是给校内咖啡店做宣传页，需求简单：展示饮品、总结字放上门店地址、网页留个电话。设计实训听起来容易，报告做起来全是坑。我负责的轮播图组件，在本地浏览器里滑动流畅，换到组长的Mac上却卡成PPT。查了半天，发现是图片没做压缩处理，三张高清图加起来快10MB。用工具压到200KB后，问题迎刃而解。这次教训让我明白，代码在别人的设备上运行，才是真运行。

配色是另一个折磨。咖啡店老板喜欢深棕色，可深棕配深灰，页面整体显得死气沉沉。我试着加了些奶油白做底色，再用浅棕做按钮，视觉立刻轻盈起来。后来翻看设计规范，才知道这叫“60-30-10法则”——主色占六成，辅色占三成，点缀色占一成。理论这东西，自己撞过墙才记得牢。

实训第五天，我们组因为一个按钮的尺寸吵了起来。有人说44像素最好点，有人觉得36像素更精致。谁也说服不了谁，最后拿手机试了试，发现拇指在屏幕上的热区确实接近44像素。这让我想到，设计不是纯审美问题，它跟人体工学、使用场景紧密相关。做页面时多想想“用户怎么用手指戳屏幕”，比纠结哪款字体更高级有用得多。

倒是有一个意外收获：我发现自己对调试代码的耐心远超预期。别人遇到bug会烦躁，我却觉得像玩解谜游戏。有次一个浮动布局在IE浏览器里错位，我用开发者工具逐行排查，花了两个钟头，最后发现是父元素没清除浮动。修好的那一刻，成就感比写对十个页面都强。这种直觉告诉我，前端开发这条路，我大概能走远。

实训最后一天，我们组的页面终于上线了。虽然只是挂在校园网里的静态页面，但看到自己写的代码被真实用户访问，感觉完全不一样。咖啡店老板说“这个页面看着挺舒服”，简单一句话，让我觉得前几天的熬夜都值了。当然，问题也不少——手机端适配还有些瑕疵，表单提交后没有反馈提示，这些都是下一阶段要补的课。

总结这次实训，最大的收获不是学会了多少标签或属性，而是建立起一种“工程思维”：先分析需求，再规划布局，接着写结构，最后调样式。每一步都有章法，而不是打开编辑器就乱写。另外，团队协作也没想象中那么难，只要大家目标一致，分歧反而能催生更好的方案。接下来我想深入学一下JavaScript，让页面真正动起来，而不是停在静态展示这一步。

(责任编辑：知识)