计算机网络与网页制作Chapter 19 ：管理你的站点

复旦大学计算机学院

肖川cxiao@fudan.edu.cn

目标 上传和获取文件 取出和存回文件 站点完备性检查 使用站点报告 浏览器兼容性检查

2

3

效果

4

准备工作 在本机安装并运行 FTP 服务

从 https://filezilla-project.org/ 下载 FileZilla Server 软件，这是一个开源且免费的软件

在本机安装 添加 FTP 服务的用户和口令 设定 FTP 服务器目录 把 FTP 服务器目录映射至虚拟 Web 目录

5

为 FTP 服务添加用户和口令 选择命令“ FileZilla Server Interface” ，在

弹出的窗口选择菜单 Edit>>Users ，添加用户 jack ，口令设为 jack123 。

6

设定 FTP 服务器目录 依然是在这个窗口内。事先在本地硬盘

上创建此文件夹

7

把 FTP 服务器目录映射至虚拟 Web目录

桌面 >> 开始 >> 计算机，从右键快捷菜单选择“管理”

此路径为FTP 服 务器目录

8

1. 设置远程连接 菜单 站点 >> 管理站点

9

测试成功

10

2. 查看远程服务器连接远程主机

远程主机上的内容 本地站点的内容

11

上传文件至远程主机 单击右侧的根节点，再单击面板工具栏内的“上传”图标，

则上传整个站点文件夹至远程主机。 上传至远程主机

12

从远程主机获取文件 单击左侧的根节点，再单击面板工具栏内的“获取”图标，

则从远程主机下载整个站点文件夹。 从远程主机获取

13

3. 激活文件取出和存回功能

菜单 站点 >> 管理站点

若文件被取出，则其他人不能打开编辑该文件，便于协作开发。

14

取出文件 单击远程主机上要取出的文件，再单击面板工具栏内的

“取出”图标，则从远程服务器下载这个文件至本地站点文件夹内，并且锁定了远程主机上这个文件。

将远程主机上index.html 文件取出，并指明“取出者”。

从远程主机取出

在本地视图中亦能识别取出的文件。

15

存回文件 单击本地站点内的取出文件，再单击面板工具栏内的“存

回”图标，则文件上传至远程服务器，并且远程版本被解除锁定；同时本地版本变成“只读”，在文件名旁边出现一个“挂锁”标记。

存回至远程主机

再次打开这个本地文件时将自动地从远程主机“取出”

16

4. 查找页面内断掉的链接 打开文件，菜单 文件 >> 检查页 >> 链接

修改断掉的链接

单击此图标可重新指定超链接指向的文件

17

查找站点内断掉的链接 菜单 站点 >> 检查站点范围的链接

18

查找站点内孤立的文件 菜单 站点 >> 检查站点范围的链接

19

5. 产生站点报告 在发布站点之前检查站点在设计和访问方面潜在的问题：

菜单 站点 >> 报告

选择要检查的范围

保存报告双击某行则打开对应的文件

20

6. 检查浏览器兼容性 检查页面的 CSS 在不同版本的浏览器中的显示问题：打

开文件，再菜单 文件 >> 检查页 >> 浏览器兼容性

设置目标浏览器的最低版本

21

小结 远程服务器设置 上传和获取 取出和存回 检查站点