Download - 计算机网络 与网页制作 Chapter 19 : 管理你的站点
![Page 2: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/2.jpg)
目标 上传和获取文件 取出和存回文件 站点完备性检查 使用站点报告 浏览器兼容性检查
2
![Page 3: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/3.jpg)
3
效果
![Page 4: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/4.jpg)
4
准备工作 在本机安装并运行 FTP 服务
从 https://filezilla-project.org/ 下载 FileZilla Server 软件,这是一个开源且免费的软件
在本机安装 添加 FTP 服务的用户和口令 设定 FTP 服务器目录 把 FTP 服务器目录映射至虚拟 Web 目录
![Page 5: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/5.jpg)
5
为 FTP 服务添加用户和口令 选择命令“ FileZilla Server Interface” ,在
弹出的窗口选择菜单 Edit>>Users ,添加用户 jack ,口令设为 jack123 。
![Page 6: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/6.jpg)
6
设定 FTP 服务器目录 依然是在这个窗口内。事先在本地硬盘
上创建此文件夹
![Page 7: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/7.jpg)
7
把 FTP 服务器目录映射至虚拟 Web目录
桌面 >> 开始 >> 计算机,从右键快捷菜单选择“管理”
此路径为FTP 服 务器目录
![Page 8: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/8.jpg)
8
1. 设置远程连接 菜单 站点 >> 管理站点
![Page 9: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/9.jpg)
9
测试成功
![Page 10: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/10.jpg)
10
2. 查看远程服务器连接远程主机
远程主机上的内容 本地站点的内容
![Page 11: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/11.jpg)
11
上传文件至远程主机 单击右侧的根节点,再单击面板工具栏内的“上传”图标,
则上传整个站点文件夹至远程主机。 上传至远程主机
![Page 12: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/12.jpg)
12
从远程主机获取文件 单击左侧的根节点,再单击面板工具栏内的“获取”图标,
则从远程主机下载整个站点文件夹。 从远程主机获取
![Page 13: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/13.jpg)
13
3. 激活文件取出和存回功能
菜单 站点 >> 管理站点
若文件被取出,则其他人不能打开编辑该文件,便于协作开发。
![Page 14: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/14.jpg)
14
取出文件 单击远程主机上要取出的文件,再单击面板工具栏内的
“取出”图标,则从远程服务器下载这个文件至本地站点文件夹内,并且锁定了远程主机上这个文件。
将远程主机上index.html 文件取出,并指明“取出者”。
从远程主机取出
在本地视图中亦能识别取出的文件。
![Page 15: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/15.jpg)
15
存回文件 单击本地站点内的取出文件,再单击面板工具栏内的“存
回”图标,则文件上传至远程服务器,并且远程版本被解除锁定;同时本地版本变成“只读”,在文件名旁边出现一个“挂锁”标记。
存回至远程主机
再次打开这个本地文件时将自动地从远程主机“取出”
![Page 16: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/16.jpg)
16
4. 查找页面内断掉的链接 打开文件,菜单 文件 >> 检查页 >> 链接
修改断掉的链接
单击此图标可重新指定超链接指向的文件
![Page 17: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/17.jpg)
17
查找站点内断掉的链接 菜单 站点 >> 检查站点范围的链接
![Page 18: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/18.jpg)
18
查找站点内孤立的文件 菜单 站点 >> 检查站点范围的链接
![Page 19: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/19.jpg)
19
5. 产生站点报告 在发布站点之前检查站点在设计和访问方面潜在的问题:
菜单 站点 >> 报告
选择要检查的范围
保存报告双击某行则打开对应的文件
![Page 20: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/20.jpg)
20
6. 检查浏览器兼容性 检查页面的 CSS 在不同版本的浏览器中的显示问题:打
开文件,再菜单 文件 >> 检查页 >> 浏览器兼容性
设置目标浏览器的最低版本
![Page 21: 计算机网络 与网页制作 Chapter 19 : 管理你的站点](https://reader034.vdocuments.mx/reader034/viewer/2022050619/56813b2a550346895da3ef68/html5/thumbnails/21.jpg)
21
小结 远程服务器设置 上传和获取 取出和存回 检查站点