怎么用Dreamweaver编辑自己建设中的网站

打开Dreamweaver，先别急着改代码，把站点建对，后面能省很多事。Dreamweaver最早是Macromedia的产品，2005年随Macromedia被Adobe收购，现在能订阅到的最新大版本是2021，后续以兼容维护为主。它的核心优势不是写代码有多快，而是把本地文件、远程服务器、实时预览和链接检查放在一个界面里。对正在建设中的网站来说，这一点很实用。

新建站点时，点“站点”菜单里的“新建站点”，站点名称随便填一个自己认得的，本地站点文件夹一定要指向你电脑上网站根目录。如果你已经有一些HTML、CSS、图片文件，就选现有文件夹，不要让Dreamweaver再创建一个空目录。站点建好后，右侧文件面板会列出所有文件，之后改链接、找图片、上传下载都会围绕这个站点走。没有站点，Dreamweaver就只是一个普通代码编辑器。

接下来连服务器。站点设置里找到“服务器”选项卡，添加FTP或SFTP。地址、端口、用户名、密码这些问主机商要。根目录最容易填错，很多虚拟主机不是直接传根目录，而是/htdocs、/wwwroot、/public_html这类目录。填完点“测试”，能列出远程文件才算通。能选SFTP就别用FTP，FTP是明文传输，密码和文件内容都不安全。保存时自动上传这个选项，建议先别勾。建设中的网站经常改一半，自动上传容易把半成品推上去。手动点“上传”和“获取”更稳。

本地编辑时，双击index.html或index.php。设计视图适合调文字、图片、表格，但现代网站布局大多靠CSS，设计视图和真实浏览器有差异，别全信。更靠谱的是代码视图加实时预览。如果网站是PHP、ASP这类动态页面，要在服务器设置里把当前服务器设为测试服务器，URL前缀填本地地址或测试域名，比如http://localhost/你的目录。这样实时预览才能解析动态代码，不然只会看到源码。

改CSS可以用CSS设计器面板，选中元素后新建规则，它会帮你生成选择器和属性。但很多时候直接写更快，Dreamweaver的代码提示足够用。属性面板可以快速改链接、图像、列表。做响应式页面时，用窗口大小调整或设备预览看断点效果，不过最终还是要用浏览器开发者工具确认。改完保存，按F12在浏览器里看，手机也顺手测一下。

如果网站多个页面共用头部、导航、页脚，用模板。新建一个.dwt模板，把公共部分放进去，在需要单独改的地方插入可编辑区域。以后改导航，更新模板，所有基于模板的页面会批量更新。库项目适合版权信息、联系方式这种小块。模板和库能省重复劳动，但依赖关系要理清，别把模板文件当普通页面乱改。

链接和资源管理也重要。在文件面板里拖拽移动文件，Dreamweaver会问是否更新链接，选更新。如果跑到资源管理器里手动移动，很容易断链。用“链接检查器”可以查断链，修好再上传。图片路径尽量用相对路径，不要出现file:///。Linux服务器区分大小写，本地Windows不区分，所以文件名最好全小写，用短横线，别用空格和中文，否则本地正常线上可能404。

数据库和动态页面方面，Dreamweaver能连MySQL，但旧版“服务器行为”对PHP 7/8兼容性一般，很多老教程里的插入记录、更新记录功能在新环境不一定顺手。更实际的做法是用它写PHP、HTML、CSS，数据库操作手写或交给框架。它不是完整IDE，调试断点、Composer依赖这些并不擅长。

编辑前先备份。可以用Dreamweaver的Git面板提交推送，也可以每周把本地站点文件夹压缩一份，命名带日期。上传前先“获取”远程最新文件，避免覆盖别人改动。改完用“同步”对比本地和远程，确认后再传。中文乱码通常是编码不统一，页面保存为UTF-8，数据库和服务器输出也统一成UTF-8。

Dreamweaver不是建站必须，但适合边建设边看效果、边管理文件边上传的人。站点建好，服务器连对，实时预览和模板用起来，改页面就不会手忙脚乱。它不替你写业务逻辑，但能让你少在文件管理和上传上折腾。