内容摘要：第一次动手写网页代码时，我盯着那些尖括号和斜杠，脑子里全是问号。这玩意儿真的能变成网页？直到浏览器里弹出那个简陋的蓝色标题，我才意识到，代码不是死的，它有自己的脾气。你漏掉一个闭合标签，它立刻翻脸不认

第一次动手写网页代码时，网页我盯着那些尖括号和斜杠，实训脑子里全是报告问号。这玩意儿真的网页能变成网页？直到浏览器里弹出那个简陋的蓝色标题，我才意识到，实训代码不是报告死的，它有自己的网页脾气。你漏掉一个闭合标签，实训它立刻翻脸不认人。报告

实训课上的网页第一个任务，是实训仿制一个新闻门户的首页。我原以为就是报告拼积木，把图片和文字堆上去就行。网页真正敲代码才发现，实训布局才是报告最大的坑。用浮动布局时，明明在编辑器里看着对齐了，一刷新，某个div就莫名其妙地掉下去。我试过给父元素加overflow: hidden，也试过用clear: both，效果时好时坏。后来老师提了一句flex，我查了文档，试着把display改成flex，那感觉就像从手动挡换成了自动挡。原来不是代码难，是我没找到合适的工具。

做轮播图的时候，我犯了个低级错误。把所有图片都放在一个容器里，想用JavaScript控制位移，结果图片全挤成一团。调试了半天，才发现是没给每张图设置宽度百分比。那种抓狂又恍然大悟的瞬间，大概每个写代码的人都经历过。后来我用transform: translateX来切换，加上transition的缓动效果，看着图片流畅地滑过去，心里确实有点爽。

真正让我头疼的是响应式布局。老师要求页面在手机和电脑上都能看。我一开始用固定像素，结果一缩窗口就乱套。查了资料才明白，单位得用rem或vw，断点要用媒体查询。改完代码，我拿自己的手机试了试，页面居然没变形。那一刻我才意识到，写网页不只是让它在你的屏幕上好看，得想着别人用什么设备看。

实训最后一天，小组合作做一个小型电商页面。我负责商品列表部分，队友负责购物车。数据交互比单纯写静态页面复杂得多，我们用localStorage存数据，又用事件委托处理点击。中途因为变量命名不统一，出了好几次bug。我们俩对着控制台报错信息一条条排查，最后发现是拼写错误——把price写成了prices。这种低级错误，在代码里就像沙子掉进眼睛里，不疼但特别烦人。

回头看这几周，我最大的收获不是记住了多少标签或属性，而是学会了怎么跟错误共处。以前遇到报错就慌，现在会先读报错信息，再拆解问题。网页开发就像解谜，每个bug都有线索，只是有时候线索藏得深。我也慢慢习惯了用开发者工具实时调试，而不是改完代码就刷新页面瞎猜。那种自己找到问题根源的感觉，比抄十遍代码都管用。

写代码这事，手熟是一回事，心态是另一回事。急的时候，越改越乱；静下心来，反而能看见逻辑漏洞。实训课结束，我电脑里存了十几个版本的文件，每个都带着当时的焦虑和顿悟。这些文件不会说话，但每次打开，都能想起自己是怎么一步步从只会复制粘贴，到能独立写出一个完整页面的。路还长，但至少我知道该怎么走了。