别瞎折腾了，dw做网站教程视频里没教你的坑，我都给你填平

本文关键词：dw做网站教程视频

说实话，看到现在还有人拿着Dreamweaver（简称DW）这种上古神器来做站，我第一反应不是鄙视，而是心疼。心疼你浪费的时间，更心疼你被那些过时的“dw做网站教程视频”给忽悠瘸了。别急着喷我，我知道很多新手是被网上那些“三分钟搭建个人博客”的视频吸引进来的，觉得可视化编辑多爽，拖拖拽拽就完事。但现实是，你拖进去一个模块，刷新一下，排版全乱，代码满屏红，最后连个图片路径都找不到，心态直接崩盘。

咱们今天不整那些虚头巴脑的理论，就聊聊怎么用DW干点实事，或者说，怎么避坑。首先，你得明白，DW早就不是前端开发的主流工具了，它更像是一个半可视化的代码编辑器。你看的很多dw做网站教程视频，大概率是十年前的库存，那时候HTML5还没普及，CSS3更是个笑话。现在你还照着视频里写

布局？那简直是自找苦吃。

我有个学员，叫大强，去年想做个企业官网。他在B站找了个播放量最高的dw做网站教程视频，跟着一步步做。结果呢？视频里用的是绝对定位，大强为了省事，也全用绝对定位。后来老板说要把Logo往右挪两厘米，大强改了一个地方，结果整个页脚的导航栏直接飞到屏幕外面去了。这就是典型的“视频党”悲剧。视频里不会告诉你，为什么这里要加个clear:both，也不会告诉你为什么图片不显示是因为相对路径写错了。

所以，听我一句劝，DW你可以用来写代码，但千万别依赖它的“设计视图”。那个视图就是个摆设，甚至是个陷阱。你要做的是“代码视图”。打开DW，新建一个HTML5文档，别选那些花里胡哨的模板。自己写，自己写。这一步就筛掉了90%的野路子教程。

接下来是CSS。很多新手怕写CSS，觉得难。其实DW有个隐藏福利，就是它的代码提示功能虽然烂，但比记事本强。你在写class的时候，它会自动补全。你要学会用外部样式表，别把所有样式都写在