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