Presentation is loading. Please wait.

Presentation is loading. Please wait.

第 9 章 网站的管理与上传 9.1 管理站点. 9.1.1 网站中文件的操作 网站制作完毕,难免有多余的文件,或需要改变文件的位置,这需 要对文件进行操作。 在 Dreamweaver 中打开站点, 不要打开网页,也就是保证他们都不在 编辑状态下。在窗口右边的 “ 站点 ” 选项卡中可以完成以对文件进行改名.

Similar presentations


Presentation on theme: "第 9 章 网站的管理与上传 9.1 管理站点. 9.1.1 网站中文件的操作 网站制作完毕,难免有多余的文件,或需要改变文件的位置,这需 要对文件进行操作。 在 Dreamweaver 中打开站点, 不要打开网页,也就是保证他们都不在 编辑状态下。在窗口右边的 “ 站点 ” 选项卡中可以完成以对文件进行改名."— Presentation transcript:

1 第 9 章 网站的管理与上传 9.1 管理站点

2 9.1.1 网站中文件的操作 网站制作完毕,难免有多余的文件,或需要改变文件的位置,这需 要对文件进行操作。 在 Dreamweaver 中打开站点, 不要打开网页,也就是保证他们都不在 编辑状态下。在窗口右边的 “ 站点 ” 选项卡中可以完成以对文件进行改名 、复制、移动、删除等操作,和 Windows 98 资源管理器中的操作非常相 似。 1. 文件的删除 将鼠标指针移到想要删除 的文件上,单击鼠标右键,在 快捷菜单中选择 “ 删除 ” 命令, 或直接单击工具栏上的 “ 删除 ” 按钮即可,如右图所示。

3 9.1.1 网站中文件的操作 2. 文件的改名 将鼠标指针移到想要改名的文件上,单击鼠标右键,在快捷菜 单中选择 “ 重命名 ” 命令。这时文件名处于待编辑状态,输入新的文 件名即可。也可以用鼠标间断地单击文件名两次,使文件名处于待 编辑状态,输入新的文件名即可。 3. 文件的复制 将鼠标指针移到想要复制的文件上,单击鼠标右键,在快捷菜 单中选择 “ 复制 ” 命令,或直接单击工具栏上的 “ 复制 ” 按钮,然后打 开目标文件夹,单击工具栏上的 “ 粘贴 ” 按钮即可。 4. 文件的移动 将鼠标指针移到想要移动的文件上,单击鼠标右键,在快捷菜 单中选择 “ 剪切 ” 命令,或直接单击工具栏上的 “ 剪切 ” 按钮,然后打 开目标文件夹,单击工具栏上的 “ 粘贴 ” 按钮即可。

4 9.1.2 检查网页下载时间 在检查站点的工作中,有三点要引起大家的注意: 1. 每一个网页都不能过大,网页中图片过多会增大网页的体积, 使该网页的下载时间过长,影响浏览者的浏览速度; 2. 检查网页中是否有无效的超链接,或者超链接有效,但链接的 目标有误,这一点非常重要; 3. 考虑到浏览者可能使用不同的浏览器,或者不同的版本,在上 传之前要保证在不同的浏览器中网页的效果基本相同。

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

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

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

8 9.1.2 检查网页下载时间 这时,可以发现下载的时间已经变成 114 秒,如下图所示。 114 秒也太慢,可以更改网页中的内容,直到速度达到你满意为止。 ⑷打开其它的网页,检查他们的下载速度,让所有的网页都控 制在 10 秒左右。

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

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

11 9.1.3 检查网页链接的有效性 ⑶单击 “ 显示 ” 右边选取框上的 按钮,分别选择 “ 断掉的链接 ” 、 “ 外部链接 ” 、 “ 孤立文件 ” ,相应的情况显示在窗口中,如下图所示。 ⑷打开存在错误链接的网页,对于错误的超链接进行修改,然后 再次重复刚才的步骤,直到没有错误超链接为止。

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

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

14 9.1.4 检查网页在不同浏览器中的效果 ⑶在 “ 检查目标浏览器 ” 对话框中,选择一种要测试的浏览器版本, 单击 “ 检查 ” 按钮,如下图所示。 ⑷在 “ 目标浏览器检查 ” 选项卡中可以看到一些与 浏览器兼容存在问题的网 页。单击其中的 按钮, 可以生成报告,如右图所 示。

15 9.1.4 检查网页在不同浏览器中的效果 ⑸认真阅读系统生成的目标浏览器检查报告,对于网页中的错误 进行修改,对于一些特殊的设置,请向网络管理员咨询,使网页能够 在浏览器中正确显示,如下图所示。 ⑹重复上述步骤,检查网页在其它常见浏览器中的显示效果。一 直到合格为止,至此,站点的检查完毕。

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

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

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

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

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

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

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

23 9.2.2 上传网页 ⑷开始上传文件,如右图 所示。 ⑵ Dreamweaver 开始查找主 机,并连接,如右图所示。 ⑶ Dreamweaver 首先对文件 进行排序,如右图所示。

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

25 小结 本章介绍了对站点进行管理并上传的步骤。 管理站点应包含删除无用的文件,将图片、声音等文 件移动到相关文件夹等,由于这些在前面的章节中都有所 介绍,所以着重介绍了对网站内容的检查。网站的检查分 三个内容:网页大小;超链接情况;目标浏览器。上传网 页首先要找到存放网页的服务器,然后根据提供的用户名 和密码,将网页上传。 网页初次上传,要将整个网站上传;以后只需上传更 改过的网页,覆盖原来的网页文件即可。


Download ppt "第 9 章 网站的管理与上传 9.1 管理站点. 9.1.1 网站中文件的操作 网站制作完毕,难免有多余的文件,或需要改变文件的位置,这需 要对文件进行操作。 在 Dreamweaver 中打开站点, 不要打开网页,也就是保证他们都不在 编辑状态下。在窗口右边的 “ 站点 ” 选项卡中可以完成以对文件进行改名."

Similar presentations


Ads by Google