FileZilla上传HTML网站需正确配置FTP连接、定位Web根目录、设为二进制传输模式、完整上传文件及设置644/755权限。
如果您使用 FileZilla 客户端向远程 Web 服务器上传 HTML 网页文件，但文件未正确显示或路径异常，则可能是由于传输模式、目录定位或权限设置不当所致。以下是完成网站文件上传与部署的具体操作步骤：
一、配置FTP连接参数
FileZilla 需要通过正确的服务器地址、端口、用户名和密码建立安全连接，确保客户端能识别并访问目标 Web 根目录。错误的主机格式（如混用 ftp:// 或省略端口）会导致连接被拒绝。
1、启动 FileZilla 客户端，在顶部菜单栏点击“文件”→“站点管理器”。
2、点击“新站点”，在“站点名称”中输入服务器标识（例如：生产环境主站）。
立即学习“前端免费学习笔记（深入）
”；
3、在“协议”下拉菜单中选择
FTP - 文件传输协议，加密选项选“要求显式 FTP over TLS”或“只使用普通 FTP”（依服务器支持情况而定）。
4、在“主机”栏填写服务器 IP 地址或域名；“端口”留空（自动使用 21）或填入服务商指定端口（如 221）；“用户”和“密码”分别填入 FTP 账号凭证。
5、点击“连接”，等待状态栏显示“已登录”且右侧远程站点窗口加载出目录结构。
二、切换至Web服务器根目录
上传文件必须置于 Web 服务可解析的公开目录中（如 public_html、www、htdocs 或 html），否则浏览器无法访问。多数共享主机默认根目录为 public_html，而独立服务器可能为 /var/www/html。
1、在 FileZilla 右侧远程站点窗口中，双击进入public_html文件夹（若存在）。
2、若未见该目录，尝试打开
www或html；仍不可见时，在远程窗口空白处右键→“创建目录”，命名为 public_html 并双击进入。
3、确认当前远程路径末尾为
/public_html/（或对应根目录），此时左侧本地窗口应已定位到存放 index.html 等网页文件的本地文件夹。
三、设置传输模式为二进制
HTML、CSS、JS、图片等文本与二进制混合类型文件若以 ASCII 模式上传，可能导致换行符损坏、中文乱码或页面空白。强制使用二进制模式可保证字节级原始写入。
1、点击顶部菜单“编辑”→“设置”。
2、在左栏选择“传输”→“文件类型”。
3、勾选
“强制使用二进制模式”
复选框。
4、点击“确定”保存设置，此后所有上传均按二进制处理，无需每次手动切换。
四、拖拽上传HTML及相关资源文件
将本地网页结构完整复制至远程根目录，确保相对路径引用有效（如 css/style.css、images/logo.png）。遗漏配套资源将导致样式丢失或图片不显示。
1、在左侧本地站点窗口中，展开并定位到含 index.html 的文件夹。
2、选中 index.html，同时按住 Ctrl 键依次点击 css、images、js 等子文件夹（或全选整个网站文件夹）。
3、将选中项直接拖拽至右侧远程站点窗口中当前打开的
public_html目录内。
4、观察底部传输队列，确认状态栏显示“传输完成”，且远程窗口中出现对应文件名与大小信息。
五、验证文件权限与URL访问
部分 Linux 服务器要求 HTML 文件具备可读权限（644），目录需为可执行（755），否则 Apache/Nginx 拒绝提供服务。上传后须检查并修正权限值。
1、在远程站点窗口中，右键点击 index.html → “文件权限”。
2、勾选“数字权限”并输入
644，点击“确定”。
3、右键点击 css 文件夹 → “文件权限”，输入755并确认。
4、打开浏览器，访问
http://您的域名/index.html，确认页面正常渲染且无 403/404 错误。