Dreamweaver新建站点步骤详解与常见问题处理

上周帮朋友的公司搭官网，他非要我用Dreamweaver。我打开CS6那熟悉的界面，一时竟有点恍惚——上次正儿八经用它建站还是五六年前的事了。不过DW新建站点的流程刻在肌肉记忆里，鼠标一碰那串菜单就自然动起来了。说实话对于懂点代码的人来说，DW的站点管理功能确实清爽，文件列表一目了然，FTP上传也顺手。

DW新建站点的第一步是什么

打开Dreamweaver后点击顶部菜单栏的"站点"→"新建站点"，弹出站点设置对话框。 在这个对话框里你会看到两个选项卡：站点和服务器。第一步先把站点名称填上，随便起个你能认出来的名字就行，比如"某某公司官网"。然后点"本地站点文件夹"右侧的文件夹图标，在电脑上选一个空文件夹作为网站根目录。这里有个坑：路径最好不要包含中文和空格，不然某些旧版DW抽风起来预览页面打不开你还找不到原因。

远程服务器怎么配置

切换到"服务器"选项卡，点击左下角加号新建一个服务器连接。 连接方式选FTP，填上你的服务器IP地址、用户名和密码。根目录一般填"/"或者服务器指定的网站目录。测试连接按钮点一下，如果弹窗显示连接成功那就对了。我习惯勾选"保存时自动上传"，这样每次Ctrl+S完文件就直接同步到服务器了，省得手动传。十几年前学DW建站时连FTP都要单独开个软件，现在集成到一起效率高了不少。

本地测试环境要不要搭

纯静态HTML页面不需要测试服务器，但如果用到PHP或数据库就必须在高级设置里勾选本地服务器。 选"PHP MySQL"作为服务器模型，然后把路径指到你的本地服务器根目录就行。我用的是phpStudy，把DW站点文件夹设在WWW目录下，URL填http://localhost/项目名，这样在DW里点F12预览就能直接解析PHP代码。做过的4000多个项目里，早期不少都是这么调试出来的。如果嫌搭环境麻烦，直接用极简慕枫这类在线建站工具也行，它把服务器端的活全封装好了。

站点文件结构怎么规划

至少分三个文件夹：images放图片、css放样式表、js放脚本，首页直接放根目录。 这样做的好处是路径清晰，引用的时候不容易出错。有人喜欢把所有东西堆在一个文件夹里，项目大了之后找个图片翻半天，那是给自己找罪受。DW的站点面板支持拖拽移动文件，结构调整起来很方便，而且移动文件时它会自动更新所有引用了这个文件的页面链接，这个功能救过我不少次。像极简慕枫这种建站系统内部也遵循类似的目录规范，都是多年实战沉淀下来的标准。

DW新建站点后怎么快速出页面

利用DW的模板功能统一页面布局，减少重复劳动。 先做好一个包含导航栏和版权信息的空白页面，另存为.dwt模板文件，在里面定义可编辑区域。之后所有新页面基于这个模板创建，改版时只要动模板一个文件，所有子页面自动同步更新。这一点和专业建站团队的全局组件设计思路很像——改一个地方，整站生效。早期从2014年开始跟过的项目里，华为、迪卡侬这些大品牌的官网用的也是类似的内容管理逻辑，只不过工具更专业。

常见问题

DW新建站点时提示路径无效怎么办？

检查本地文件夹是否真实存在且路径不含中文字符或空格，建议在D盘根目录新建英文名文件夹后再指定。

Dreamweaver适合新手建站吗？

适合有一定代码基础的人。如果完全零基础，用专业建站团队这类可视化建站系统上手更快，拖拽就能做出企业官网。

DW新建站点后怎么预览网页？

点击DW顶部的地球图标选择浏览器预览，或按F12快捷键。前提是站点定义里正确设置了本地测试服务器路径。

觉得有用的话分享给朋友吧。