大早上灌了口凉水就打开DW，想给朋友弄个小展示网页。结果吭哧吭哧搞半天，预览一看差点没背过气去——表格歪成比萨斜塔，手机上看图片撑得老大，按钮点了八百遍也没反应！气得我猛拍桌子，猫都吓炸毛了。新手踩坑我真是踩齐全了，今儿把血泪史捋给你们看。

一上来就掉进大坑

刚装完DW手痒，直接拖了个现成模板开改。吭哧吭哧换了图改了字，F12预览美滋滋。结果发给朋友当场翻车：“你这页面咋在我手机上变形了？”拿他手机一看——标题叠在图片上，导航栏挤成麻花。急得我汗直冒，原来偷懒没点“响应式设计”按钮，DW压根没自动生成适配手机电脑的代码！重新建文件勾上那选项，模板瞬间多出好几行手机电脑切换的代码，这才算躲过大坑。

表格咋老跟我对着干

想着排版整齐点，拖了个表格放产品参数。明明在DW里对齐得漂漂亮亮，浏览器里表格边框忽隐忽现，行高忽大忽小。删了重做三回还是这德性，气得我差点砸键盘。后来扒着代码框死盯，才发现问题在空格符捣乱——我老爱在表格单元格里敲回车换行，DW偷偷塞了好多“ ”占位符！现在学乖了：要么直接打字不换行，要么换行时切换到代码视图手动删干净占位符。

上传后图片集体失踪

熬到半夜终于完工，传到服务器美滋滋分享。朋友秒回：“全是小红叉！”后背冷汗唰就下来了。翻着本地文件夹才惊觉：我老把网图直接复制粘贴到DW里！看着DW能显示就以为万事大吉，实际上没保存图片到项目文件夹。服务器上找不到图可不就裂了么？现在改邪归正：拖图进DW时弹出保存框必须存到网站根目录的img文件夹，上传时整个文件夹拖走才保险。

按钮死活点不动

给产品介绍页加个“详情”按钮。属性面板选了个漂亮的蓝色按钮，链接填得明明白白。预览时鼠标放上去变小手了，狂点八百遍就是没跳转，急得我直薅头发。切代码视图瞅了半天，差点气笑——手滑把链接填进“标题”框了！正确做法是选中按钮后，在属性面板最底下那个“链接”输入框（长得像地球图标）粘贴网址。这眼瞎毛病改完后，我恨不能把属性面板盯出洞来。

半夜调BUG调成鬼

改完所有错想喘口气，朋友又报新BUG：“详情页背景图在iPad上是裂的！”真给我整崩溃了。DW里切到各种设备视图检查都正常，抓狂时狂按F12键开浏览器调试工具，在设备模拟器里一点点调尺寸才发现：iPad Pro竖屏时宽度刚好卡在某个临界值，响应式代码写死了最大宽度限制。把CSS里的max-width: 1200px删掉换成百分比，猫主子蹲键盘上盯着我搞到凌晨三点——效果终于不鬼畜了。

折腾这一大圈算是看透了：DW方便是方便，但自动生成代码埋雷更多！如今每做一步都条件反射做三件事：随时预览、死盯代码视图、不同尺寸设备狂戳测试。还有，项目文件夹分得清清楚楚，图片/CSS/HTML各归各位不乱塞。新手嘛坑踩多了自然就熟了，你们也悠着点肝！