今天捣鼓了一天Dreamweaver，差点被气得血压飙升！刚开始学网页设计的朋友，肯定也跟我一样踩过不少坑，干脆把我今天的血泪史分享出来，给大家避避雷。

第一步：搭建框架，表格给我整不会了

我寻思做个简单的产品展示页，总得排整齐？果断拉了个表格进来。结果拖来拖去，那个行高列宽跟抽风似的，死活调不整齐！重点来了：别傻乎乎光用鼠标拖！我后来发现，在表格的属性面板（一般在底下）手动输像素值贼管用。想给整个表格固定宽度？直接在表格标签里加个 width="800" 之类的数值，比拖来拖去稳当多了。

第二步：图片死活不显示？路径挖的坑

好不容易把框架搭兴冲冲插产品图。保存，浏览器一打开…好家伙，全是大红叉！气得我差点砸键盘！冷静一看，Dreamweaver默认用的是绝对路径，类似于“C:\我的文档\图片\*”，这玩意儿传到网上铁定歇菜。赶紧点图片，在属性面板找到“源文件”那一栏，旁边有个小文件夹图标，点它！一定一定要选网站根目录下的“images”文件夹（或者你自己存图的地方），它会自动变成相对路径，比如“images/*”，这样图才能乖乖显示出来。

第三步：调个样式，代码打架打疯了

我想给标题换个漂亮颜色，在右侧的CSS设计器里美滋滋选了个蓝色，结果页面上纹丝不动！切到代码视图一看，好嘛好几个地方都在给同一个东西加颜色！行内样式、内部样式表、外部样式表全在打架。解决方法贼简单：删！直接在代码视图里，把重复冲突的颜色代码干掉（尤其是那些 style="color:red;" 这种零散的小样式），统一用CSS设计器或者写在<style>标签里。哪个离标题近、哪个权重高它听谁的，咱别让它太难选！

第四步：预览和真实效果差了十万八千里

在Dreamweaver设计视图里看着挺完美，点开右上角那个小地球预览… 我滴乖乖，布局全乱套了！尤其用了DIV布局的话。后来才明白，没事多按F12！别偷懒只靠软件自带的预览。浏览器才是最终裁判，Chrome、Firefox都打开看看，特别是一些边距、定位的小毛病，在软件里看不出来，浏览器里原形毕露。

第五步：传上网之后链接全扑街

做完本地测试美滋滋上传。结果用户反馈点“联系我们”直接404！简直坑死爹！赶紧检查本地链接。新手最容易犯的错：大小写和空格！链接文件名是“contact_*”，你写成了“Contact *”，在Windows本地可能没事，传到Linux服务器上它铁定不认识！还有，链接到站内页面，最好用相对路径“contact_*”，别写“*/contact_*”这种绝对路径，在自己网站上容易抽风。

搞完这一大圈，总结几个保命心得：

• 路径用相对，图片放对文件夹！
• 调样式别到处撒网，揪准一个地方整！
• 表格大小直接输数字，别靠手感瞎拖！
• 预览用真实浏览器F12，别信设计视图！
• 上传前检查链接，尤其大小写和空格！

Dreamweaver对新手挺友但细节坑真是防不胜防。按着我今天的路线走一遍，至少能少摔几个跟头！有啥其他坑爹问题，评论区扔过来，大家一起琢磨！