第 9 章 网站的管理与上传 9.1 管理站点. 9.1.1 网站中文件的操作...

25
第 9 第 第第第第第第第9.1 第第第第

Upload: james-ellis

Post on 11-Jan-2016

318 views

Category:

Documents


0 download

TRANSCRIPT

第 9 章 网站的管理与上传

9.1 管理站点

9.1.1 网站中文件的操作 网站制作完毕,难免有多余的文件,或需要改变文件的位置,这需要对文件进行操作。 在 Dreamweaver 中打开站点 , 不要打开网页,也就是保证他们都不在编辑状态下。在窗口右边的“站点”选项卡中可以完成以对文件进行改名、复制、移动、删除等操作,和 Windows 98 资源管理器中的操作非常相似。

1.文件的删除 将鼠标指针移到想要删除的文件上,单击鼠标右键,在快捷菜单中选择“删除”命令,或直接单击工具栏上的“删除”按钮即可,如右图所示。

9.1.1 网站中文件的操作 2.文件的改名 将鼠标指针移到想要改名的文件上,单击鼠标右键,在快捷菜

单中选择“重命名”命令。这时文件名处于待编辑状态,输入新的文件名即可。也可以用鼠标间断地单击文件名两次,使文件名处于待编辑状态,输入新的文件名即可。

3.文件的复制 将鼠标指针移到想要复制的文件上,单击鼠标右键,在快捷菜

单中选择“复制”命令,或直接单击工具栏上的“复制”按钮,然后打开目标文件夹,单击工具栏上的“粘贴” 按钮即可。

4.文件的移动 将鼠标指针移到想要移动的文件上,单击鼠标右键,在快捷菜

单中选择“剪切”命令,或直接单击工具栏上的“剪切” 按钮,然后打开目标文件夹,单击工具栏上的“粘贴” 按钮即可。

9.1.2 检查网页下载时间 在检查站点的工作中,有三点要引起大家的注意:

1. 每一个网页都不能过大,网页中图片过多会增大网页的体积,使该网页的下载时间过长,影响浏览者的浏览速度;

2. 检查网页中是否有无效的超链接,或者超链接有效,但链接的目标有误,这一点非常重要;

3. 考虑到浏览者可能使用不同的浏览器,或者不同的版本,在上传之前要保证在不同的浏览器中网页的效果基本相同。

9.1.2 检查网页下载时间 ⑴ 在

Dreamweaver中 打 开 网页 “ index.htm” , 在 编 辑窗口的右下角可以看到“ 795K/221 秒” ,如右图所示,表示网页的大小 为 795K ,传输时间为 221 秒。

9.1.2 检查网页下载时间 ⑵ 现在将网络连接速度更改为 56K 。在编辑窗口右侧“大小”区域单击鼠标右键,在弹出的菜单中选择“编辑大小……” ,如右图所示。

9.1.2 检查网页下载时间 ⑶ 在“参数选择”对话框中,单击“连接速度”下拉框上的,在下拉选项中选择“ 56” ,单击“确定”,如右图所示。

9.1.2 检查网页下载时间 这时,可以发现下载的时间已经变成 114 秒,如下图所示。 114 秒也太慢,可以更改网页中的内容,直到速度达到你满意为止。

⑷ 打开其它的网页,检查他们的下载速度,让所有的网页都控制在 10 秒左右。

9.1.3 检查网页链接的有效性 ⑴ 单击菜单栏上的“窗口”,移动鼠标到菜单中的“结果”上,然后单击其下一级菜单中的“链接检查器” ,如右图所示。

9.1.3 检查网页链接的有效性 ⑵ 在打开的“结果”面板“链接检查器”选项卡中,单击 按钮,在弹出的菜单中单击“为整个站点检查链接” ,如右图所示。

9.1.3 检查网页链接的有效性 ⑶ 单击“显示”右边选取框上的 按钮,分别选择“断掉的链接”、“外部链接”、“孤立文件”,相应的情况显示在窗口中,如下图所示。

⑷ 打开存在错误链接的网页,对于错误的超链接进行修改,然后再次重复刚才的步骤,直到没有错误超链接为止。

9.1.4检查网页在不同浏览器中的效果 ⑴ 单击菜单栏上的“窗口”,移动鼠标到菜 单 中 的“结果”上,然后单击其下一级菜单中的“目标浏 览 器 检查” ,如右图所示。

9.1.4检查网页在不同浏览器中的效果 ⑵ 在打 开 的“ 结 果 ”面 板 “ 链接 检 查器 ” 选 项卡 中 , 单击 按钮,在 弹 出 的菜 单 中 单击 “ 为 整个 站 点 检查 目 标 浏览 器 ” ,如 右 图 所示。

9.1.4检查网页在不同浏览器中的效果 ⑶ 在“检查目标浏览器”对话框中,选择一种要测试的浏览器版本,单击“检查”按钮,如下图所示。

⑷ 在“目标浏览器检查”选项卡中可以看到一些与浏览器兼容存在问题的网页。单击其中的 按钮,可以生成报告,如右图所示。

9.1.4检查网页在不同浏览器中的效果 ⑸认真阅读系统生成的目标浏览器检查报告,对于网页中的错误进行修改,对于一些特殊的设置,请向网络管理员咨询,使网页能够在浏览器中正确显示,如下图所示。

⑹重复上述步骤,检查网页在其它常见浏览器中的显示效果。一直到合格为止,至此,站点的检查完毕。

9.2 上传网页 要上传主页,就需要一个能够存放主页的空间,也就是说有一个因特网服务器肯接收你的主页。不用担心,提供免费主页空间的服务器有很多,你只需向其提出申请,在得到答复后,按照说明上传主页即可。当然,你也可以将主页上传到学校的服务器上。 制作网页的最终目的是将网页发布到因特网上,让需要的人浏览。所以上传网页是网页制作中的最后一步,也是最重要的一步。

9.2.1配置服务器信息 ⑴ 首先,在Dreamweaver 中配置服务器的信息。在“文件”浮动面板中“站点”选项卡中,单击站点名称框上的 按钮,在下拉选项中,选择“编辑站点” ,如右图所示。

9.2.1配置服务器信息 ⑵ 在“编辑站点”对话框中,选中编辑的站点,单击 “编辑”按钮。

9.2.1配置服务器信息 ⑶ 在弹出的对话框中,打开“高级”选项卡。在左侧的“分类”区域选择“远程信息”,在右侧的“远程信息”区域,单击“访问”右边的 按钮,在下拉选项中选择“ FTP” ,如下图所示。

9.2.1配置服务器信息 ⑷ 在“ FTP主机”文本框中输入服务器的IP 地址;在“登录”文本框中输入服务器提供的用户名;在“密码”文本框中输入服务器提供的密码。最后,单击“确认”按钮,如右图所示。

9.2.1配置服务器信息⑸ 在返回的“编辑站 点 ” 对 话 框 中 ,单击“完成” ,如右图所示。

9.2.2 上传网页 ⑴ 在“站点”选项卡中选中站点中的所有文件,单击 按钮,开始上传,如右图所示。

9.2.2 上传网页

⑷ 开始上传文件,如右图所示。

⑵Dreamweaver 开始查找主机,并连接,如右图所示。

⑶Dreamweaver首先对文件进行排序,如右图所示。

9.2.3 浏览自己的网页 上传完毕,在 IE 浏览器中输入服务器提供的网址,上传的网页被打开,如右图所示。如果对网页的内容不满意,可以重新打开 Dreamweaver 进行修改,然后重新上传。

小结

本章介绍了对站点进行管理并上传的步骤。 管理站点应包含删除无用的文件,将图片、声音等文

件移动到相关文件夹等,由于这些在前面的章节中都有所介绍,所以着重介绍了对网站内容的检查。网站的检查分三个内容:网页大小;超链接情况;目标浏览器。上传网页首先要找到存放网页的服务器,然后根据提供的用户名和密码,将网页上传。

网页初次上传,要将整个网站上传;以后只需上传更改过的网页,覆盖原来的网页文件即可。