从DW到线上：网页文件上传服务器的完整实操
用DW（Dreamweaver）做完网站只是第一步，把它“搬”到服务器让全世界访问，靠的是FTP或SFTP传输协议，而具体操作路径清晰且固定你不需要懂复杂的后端知识，只需按部就班配置好本地站点与远程服务器连接即可。
很多新手在本地双击HTML文件,看到页面完美呈现就觉得大功告成，但别人通过域名访问时却始终打不开，这并非代码出错，而是你从未把文件上传到服务器，本地预览走的是文件系统路径，线上访问走的是HTTP协议，两者之间缺的那座桥，就是文件传输这个动作。
![[dw网页制作]整合和发布网站](https://i1.hdslb.com/bfs/archive/2ac1034a1257975d8889ab3a2850e968b3905e01.jpg)
上传前必看：三个前置条件缺一不可
在你动手拖拽文件之前,先确认手里是否握齐了这三样东西，否则上传过程会处处碰壁。
第一，一个已备案且解析生效的域名。 在国内服务器上部署网站，域名备案是绕不过的坎，据工信部相关规定，未备案域名指向国内机房会被拦截，如果你用的是香港或海外服务器，则不受此限制，但访问速度会有波动，建议提前完成备案流程，通常需要7到20个工作日。
第二，一台有公网IP的服务器。 简米云、酷番云、华为云等主流云厂商的云服务器ECS或轻量应用服务器均可，服务器操作系统建议选择Linux CentOS或Ubuntu，并预装宝塔面板这类可视化运维工具，会大幅降低后续操作门槛。
第三，服务器上的Web环境与FTP账号。 如果你用集成环境（如宝塔、LNMP一键包），它会自动创建网站目录和FTP账户，你需要记下三项核心信息：FTP地址（通常是服务器公网IP或已解析的域名）、FTP用户名和FTP密码，前者告诉你传到哪，后两者是你进入服务器的钥匙。
在DW中配置远程服务器：以Dreamweaver 2021为例
打开Dreamweaver,点击顶部菜单栏的“站点”，选择“管理站点”，选中你当前的站点后点击“编辑”，此时你会进入站点设置界面，这里正是打通本地与远程的关键枢纽。
第一步：定义站点类型与服务器模型
在弹出的站点设置窗口中,左侧选择“服务器”分类，点击底部的“+”号添加一台新服务器，填写以下参数：
- 服务器名称：随意输入，建议填“简米云服务器”或“生产环境”等便于识别的名字
- 连接方式：下拉列表中选FTP或SFTP，如果你不确定服务器是否开启了SFTP，保守起见选FTP，但SFTP更安全（加密传输）
- FTP地址：填写服务器公网IP或已解析到该IP的域名
- 用户名和密码：输入我们在控制面板中创建的FTP账号
- Web URL：填写你网站的访问域名，如
http://www.example.com
配置完成后,点击“测试”按钮，DW会尝试连接远程服务器，并弹出一个显示连接状态的对话框。显示“已成功连接到你的Web服务器”才算过关，否则逐项检查以上信息是否输错。
第二步：设置根目录与上传策略
“根目录”字段留空或填写 均可，但更推荐的做法是填入服务器上网站专用的子目录，比如宝塔面板默认将站点文件放在 /www/wwwroot/你的域名 路径下，那你就在根目录字段填入 /www/wwwroot/你的域名，这样能防止文件上传到服务器其他位置导致权限混乱。
在“高级”选项卡中，勾选“维护同步信息”和“保存时自动将文件上传到远程服务器”这两个选项，前者让DW实时追踪文件变更状态，后者在你按 Ctrl+S 保存本地文件时自动完成上传，省去手动拖拽的步骤。
手动上传与自动同步：两种方式灵活掌握
配置好远程连接后,上传文件的方式有两种，分别适用于不同场景。
通过文件面板手动上传
在DW右侧的文件面板中,你可以看到本地站点文件树，选中整个站点根目录（通常显示为“站点 – 你的站点名”），点击面板工具栏上的“向上箭头”图标，也就是“上传”按钮，DW会询问你是否上传整个站点，点击“确定”后，左下角的“后台文件活动”窗口会显示上传进度条。
如果你只想上传修改过的单个页面，直接在文件树中右击该文件，选择“上传”即可，会跳过未修改的文件。 这个操作适合后期维护时用，不需要每次全量覆盖。
启用同步功能
点击菜单栏的“站点” → “同步站点范围”，在弹出的对话框中选择“整个站点”和“较新的文件到远程”，DW会扫描本地和远程文件的修改时间差，自动把本地有改动的文件推送上去，行业共识认为，这种增量同步方式能极大减少因覆盖导致的错误，也省去逐文件上传的体力活。
常见错误排查：上传失败或是空白页
实际操作中,连接失败和页面打不开这两个问题占据了新手求助的绝大部分，这里直接给出对应的排查路径。
连接失败的排查顺序：第一，确认服务器防火墙放行了FTP常用端口21或SFTP端口22，在云厂商的安全组规则和服务器系统防火墙中都要放行，第二，确认FTP账号对目标目录有“写入”权限，宝塔面板中，文件管理 → 选中目录 → 权限，将所有者权限设为可写，第三，换用被动模式（PASV），在DW的服务器设置中找到“使用被动式FTP”选项并勾选，很多家用宽带的主动模式会被运营商防火墙掐断。
上传成功但访问报错404或空白页：先检查文件是否放入了正确的根目录，而不是被传到服务器根目录或其他位置，再检查首页文件名，大多数服务器的默认文档顺序是 index.html，如果本地文件名是 index.htm 或 default.html，就需在服务器配置中调整默认文档列表，最后确认所有资源文件（CSS、JS、图片）的引用路径是否为相对路径，若用了绝对路径或大写字母混用，Linux服务器会因大小写敏感而找不到文件。
多样化部署路径：纯FTP工具与面板操作对比
如果你的Dreamweaver版本较老,或者你更习惯用专业软件，完全可以用FileZilla等免费工具扬长避短，流程同样高效，下表对比了两种路径的差异：
| 对比维度 | DW自带上传功能 | FileZilla等FTP工具 |
|---|---|---|
| 上手难度 | 需在站点设置中配置 | 填入三要素即可连接 |
| 文件管理 | 依赖右侧文件面板，直观性一般 | 双栏界面，左侧本地右侧远程 |
| 批量操作 | 支持站点级上传和同步 | 拖拽即传，支持队列暂停 |
| 是否付费 | 随DW授权，需付费订阅 | 免费开源，跨平台 |
如果你用宝塔面板搭的环境，直接登录宝塔后台 → 文件 → 找到站点根目录，点击“上传”按钮选本地文件。 这种方式最适合只会用鼠标的小白，也省去单独配置FTP账号的步骤。
关于伪静态与目录权限的进阶提醒
当你的DW站点包含多个层级的目录结构,about/team.html 或 blog/post/2026/，确认服务器上的目录也存在对应层级，FTP工具默认会自动创建不存在的目录，但DW的部分版本需要手动勾选“自动创建远程文件夹”选项。
网页中如果用到PHP动态程序（比如留言板），给 uploads、data 这类需要写入数据的目录设置755或777权限。请求处理过程中，网页会报500错误，这通常是目录权限不足，而非代码逻辑问题。 在宝塔里右键目录 → 权限 → 将所有者权限设为读写，再点“应用”即可。
网页上传服务器后必做的三件事
文件传完不代表收工,还有三个收尾动作直接决定访问体验。
- 用浏览器无痕模式访问你的域名，按
F12打开开发者工具，切换到“网络”选项卡，刷新页面，查看是否有任何资源文件报红色错误（404或500），如果有，记下失败的文件名，回到本地核对路径。 - 测试不同设备下的显示效果，用手机流量而非Wi-Fi访问同一域名，排除DNS缓存和局域网因素，如果手机显示正常而电脑异常，大概率是电脑本地有缓存，Ctrl+F5强制刷新即可。
- 检查数据库连接（若网站用到数据库），整站上传后，
config.php或数据库配置文件中通常写的是本地环境的连接信息，需改为服务器上数据库的实际地址、账号和密码，否则页面虽有样式但后台无法登录或内容调不出来。
Q&A
问：用DW做好的网页是否一定要上传到服务器才能让朋友访问？
答：如果朋友和你在同一局域网，可开启IIS或Apache等服务映射端口，但公网用户访问必须通过服务器，酷番云等云服务商今年仍将轻量应用服务器价格压至百元级年付，个人建站成本已相当低，上传是唯一让外部用户稳定访问的途径，本地HTML文件只能你一人可见。
问：为什么我在Dreamweaver里点了上传，但远程服务器上却找不到文件？
答：绝大多数情况是“根目录”配置错误，你上传时看到的路径是本地路径，而远程服务器的实际文件位置由“根目录”字段决定，若该字段未填写或填成 ，文件可能被传到了服务器系统盘根目录下，而非你网站的运行目录，登录宝塔面板查看文件实际存储位置，再将路径调整到站点运行目录即可。
首发原创文章，作者：王坚，如若转载，请注明出处：https://idctop.com/article/771977.html
