内容摘要：实训第一天打开Dreamweaver时，我连新建站点都找不到。老师站在身后看了两分钟，伸手点了一下“站点”菜单，说：“先把文件夹建好。”就这么简单。但那时我满脑子都是代码恐惧，觉得网页是某种精密仪器，

实训第一天打开Dreamweaver时，网站我连新建站点都找不到。建设老师站在身后看了两分钟，实训伸手点了一下“站点”菜单，报告说：“先把文件夹建好。总结”就这么简单。网站但那时我满脑子都是建设代码恐惧，觉得网页是实训某种精密仪器，碰一下就会炸。报告

真正动手做第一个静态页面，总结才发现最难的网站居然不是代码，是建设排版。我用表格布局，实训行高列宽调了整整一下午，报告浏览器刷新一次，总结页面就歪一次。同桌看不过去，把她的CSS文件拷给我，我盯着那几行float和margin，突然明白了什么——原来布局不是把格子对齐，是让元素自己找到位置。那种顿悟感，比老师讲十遍都管用。

做导航栏的时候，我犯了个低级错误。所有链接都指向同一个页面，自己没发现，直到点来点去都是首页，才意识到href写重复了。这种错误书上不会写，但做一次就记住了。后来我给每个子页面单独建文件夹，命名用英文小写加横杠，虽然麻烦，但再没出过类似问题。

网站中期检查前，我熬夜给页面加轮播图。网上找的代码直接粘进去，图片能滚了，但按钮位置全乱。那晚我删了加，加了删，最后干脆自己写了个简单的自动播放——用setInterval切换图片。代码丑得要命，但效果出来了。那一刻我觉得，实训的意义大概就是让你亲手把“不会”变成“会”，哪怕过程很笨拙。

最意外的收获来自交互设计。老师要求每个页面必须有表单，我做了个留言板，提交后跳转到另一个页面显示内容。室友说这是伪动态，但当我第一次在浏览器里看到自己输入的文字出现在下一页时，还是兴奋地拍了下桌子。后来才懂，这种“伪”正是通往“真”的必经之路——你得先理解数据怎么传，才能去学后端。

实训最后三天，组里决定做一个小型企业官网，六个人分工。我负责“产品中心”模块，开始前我们开了个短会，用白板画了页面草图，标清楚每个按钮跳去哪。那是我第一次觉得，写代码之前先画图，效率能翻倍。真正做的时候，我发现自己已经能预估某个布局大概要多少行CSS，也学会了在浏览器控制台里临时改样式来调试。

交上去的版本里，有个下拉菜单在IE浏览器里会错位。我本来想糊弄过去，但指导老师当场打开IE测试，我看着变形的页面，脸有点烫。那天下午我查了兼容性问题，发现是hover伪类在旧浏览器下的bug，加了个简单的JavaScript判断就解决了。这件事让我记住：你看着没问题的页面，换个环境可能就烂了。做前端的人，得习惯跟“不确定性”打交道。

实训结束时，我的网站有五个页面，两千多行代码，不算多，但每个标签都是自己敲出来的。回头看最初那个连站点都不会建的自己，最大的变化不是会写代码了，而是敢打开一个空文件，从零开始搭东西。那种“我能搞定”的底气，大概就是这门课真正留给我的。