用dw制作一个网站：老鸟手把手教你避开那些坑，小白也能上手

别再去报那些几千块的培训班了，今天咱就聊聊怎么用dw制作一个网站。不用那些花里胡哨的插件，纯手工敲代码，这才是硬道理。这篇干货能让你省下不少冤枉钱，还能学到真本事。

先说心态，别怕代码。

很多人一听HTML、CSS就头大，觉得那是程序员的事。其实，用dw制作一个网站，就像搭积木一样简单。Dreamweaver这软件虽然老了点，但胜在稳定，适合新手入门。

第一步，你得把环境搭好。

去官网下载个Adobe Dreamweaver，现在版本挺多了，CC或者CS6都行。装的时候注意别勾那些多余的捆绑软件，不然电脑能卡成PPT。装完打开，界面看着有点复古，别慌，咱就盯着左边那个“代码”视图。

第二步，新建站点。

这步最关键，很多新手都在这栽跟头。别直接在桌面上建文件夹，要在DW里点“站点”->“新建站点”。起个名，比如“我的第一个站”。然后指定本地根目录，找个好找的地方，比如D盘新建个文件夹。

为啥要这么干？因为DW需要知道你的图片、CSS文件都放哪。不然你插入个图片，路径全是错的，打开网页全是红叉叉，那叫一个尴尬。

第三步，写HTML骨架。

别急着拖拽组件，先手动敲一遍。在代码视图里，输入，然后，，。这些标签是网页的骨架，少了哪个都不行。

记住，标签要成对出现，比如

段落

。漏了闭合标签，浏览器解析起来就会乱套。这时候你可以切换回“设计”视图看看效果，虽然那个视图有时候不太靠谱，但用来预览布局还行。

第四步，加点样式。

光有骨架太丑了，得穿衣服。在里加个