Dreamweaver网页设计》第15章.ppt

1、Dreamweaver 网页设计,第15章站点管理,学习概述,利用Dreamweaver可以非常方便地创建和管理站点（创建站点详见第3章），还可以对站点中的网页和相关资源进行管理。本章的重点内容是检查站点和上传网页,15.1检查和测试站点,Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检查浏览器兼容性，以及运行各种报告等。 15.1.1检查站点链接 一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点链接步骤如下： （1）打开站点，这里选择站点“myweb”，执行【站点】-【检查站

2、点范围的链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一些站点文件概要信息。默认打开“断掉的链接”项，可以看到本站点有不少断掉的链接，读者这时就要注意进一步检查了,图15-1显示断掉的链接,2）在“链接检查器”面板的“显示”项后选择“外部链接”选项，如图15-2所示,图15-2显示外部链接,3）在“链接检查器”面板的“显示”项后选择“孤立文件”选项，如图15-3所示,图15-3显示孤立文件,15.1.2检查浏览器的兼容性 “检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标浏览器所不支持的任何标签、属性、CSS 等。注意：此检查对文档不作任何方式的更改。目标

3、浏览器检查可提供有关三个级别的潜在问题信息：错误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页。检查目标浏览器步骤如下： （1）打开站点“myweb”下的文档，比如“index.html”。 （2）执行【文件】-【检查页】-【检查目标浏览器】命令。显示“目标浏览器检查”面板，如图15-4所示,图15-4 错误、警告和告知性信息,3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性”信息。这里只是检查了文件“index.html”，其它文件的检查请读者自己完成,15.1.3使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包括辅助功能）运行站点报

4、告。运行报告可以改进工作流程、测试站点以及检查辅助功能。生成站点报告步骤如下： （1）执行【站点】-【报告】命令，显示“报告”对话框，如图15-5所示,图15- 5“报告”对话框,2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档。 设计备注：创建一个报告，列出选定文档或站点的所有设计备注。 最近修改：创建一个报告，列出在指定时间段内发生更改的文件,3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌套字体标签。 辅助功能：创建一个报告，列出您的内容

5、与辅助功能准则之间的冲突。 没有替换文本：创建一个报告，列出所有没有替换文本的img标签。 多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签。 可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除的空标签。 无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按钮,图15-6 设置“报告”对话框,4）根据所选择报告的内容，结果列表出现在“站点报告”面板中，如图15-7所示，同时还会打开一个浏览器窗口，其中列出详细的报告内容，如图15-8所示,图15- 7 “站点报告”面板,图15-8 报告

6、内容,分辩率测试 浏览器用户可能使用14英寸、15英寸、17英寸，甚至更大尺寸的显示器。因此显示器屏幕分辨率设置也有所不同，比如800600 像素，1024768像素等等。要保持分辩率兼容性，就要在不同的分辨率下查看网页。如图15-9和15-10所示，分别是在800600像素分辩率和1024768像素分辩率下浏览网页“index.html”的效果。读者如果发现网页有不兼容的内容，一定要进一步修改完善,图15-9 800600分辩率,图15-10 1024768分辩率,15.2上传网页,主页空间很容易申请，请读者自行申请。假设从空间供应商处得到如下信息：“您申请的空间已经开设成功。同时系统分配您

7、一个三级域名，您现在可以通过立即投入使用。FTP IP:3 FTP帐号:shumazm您可以给您的虚拟主机绑定自己的域名，并且把域名解析到IP地址:3”。 注意：每个空间供应商所给信息不尽相同，但是一般都包括FTP主机、帐号、密码这3项。 网页制作出来之后必须上传到Web服务器上才能够让更多的人欣赏到。上传网页步骤如下： （1）执行【站点】-【管理站点】命令，打开“管理站点”对话框，如图15-13所示,图15- 13“管理站点”对话框,2）选择站点“myweb”，然后单击“编辑”按钮，显示“myweb的站点定义为”对话框，切换到“高级”选项卡，选

8、择“分类”中的“远程信息”选项，选择“远程信息”的“访问”项后的下拉列表中的“FTP”选项。如图15-14所示,图15-14 “myweb的站点定义为”对话框,3）在“FTP主机”项后面的文本框中输入FTP主机的域名或者IP地址，这里输入“3”；在“主机目录”项后面的文本框中输入“wwwroot/”；在“登录”项后面的文本框中输入“shumazm”。在“密码”项后面的文本框中输入密码。除了“主机目录”选项外，其它3个选项都是必须的。 （4）“myweb的站点定义为”对话框的其它各个选项设置如图15-15所示,图15- 15“myweb的站点定义为”对话框,5）单击“确定

9、”按钮，返回“管理站点”对话框，单击“完成”按钮，完成设置。 （6）在“文件”面板中单击“连接到远端主机”按钮，显示“后台文件活动-myweb”对话框，如图15-16所示,图15- 16“后台文件活动-myweb”对话框,7）在“文件”面板中，单击“展示以显示本地和远端站点”按钮，打开的窗口中左面显示“远端站点”，右面显示“本地文件”，如图15-17所示。选择“远端站点”中的文件“index.htm”后，删除之（因为我们要上传自己制作的首页文件“index.html”，以免引起冲突）。在“本地文件”中选择站点“myweb”，然后单击“上传文件”按钮，显示信息“您确定要上传整个站点吗？”（如图1

10、5-18所示），单击“确定”按钮,图15-17 左面显示“远端站点”，右面显示“本地文件,图15-18 提示上传信息,8）在上传过程中，显示“后台文件活动-myweb”对话框，对话框显示正在上传文件的名称和大小，如图15-19所示。上传时间取决于站点文件的多少，上传完毕后，窗口显示如图15-20所示,图15- 19 “后台文件活动-myweb”对话框,图15-20 上传完毕后，窗口显示内容左右一致,9）在浏览器中输入地址“http:/”后，就可以浏览网页了，如图15-21所示,10）这样就可以在任何一台连接到Internet的计算机上浏览该网站了。 网页必须经过诸如检查站点链接状态、检查浏览器兼容性和页面分辩率兼容性测试等几个步骤后，才能上传到远程服务器上，供浏览器用户欣赏,15.4实践检验,理论巩固 填空题 （1）目标浏览器检查可提供有关三个级别的潜在问题信息分别为：_，其中发现_信息必须进行修改。 （2）“链接检查器”面板中可以显示_等3种类型的文件。 （3）用Dreamweaver通过FTP访问远程服务器时_这3项是必须的。