Dreamweaver网页设计 邢永峰 第15章新.ppt

Dreamweaver 网页设计 第15章 站点管理 【学习概述】 利用Dreamweaver可以非常方便地创建和管理站点（创建站点详见第3章），还可以对站点中的网页和相关资源进行管理。本章的重点内容是检查站点和上传网页。 15.1 检查和测试站点 15.2 上传网页 15.4 实践检验 * * Dreamweaver 提供了多项功能用来检查和测试站点，其中包括预览页面和检查浏览器兼容性，以及运行各种报告等。 15.1.1 检查站点链接 一个网站往往包括很多超级链接，制作过程中不可避免地会出现这样或那样的链接错误。因此必须在发布网站之前对整个网站进行一下链接检查。检查站点链接步骤如下： （1）打开站点，这里选择站点“myweb”，执行【站点】-【检查站点范围的链接】命令，打开“链接检查器”面板，如图15-1所示，最下面信息栏提示一些站点文件概要信息。默认打开“断掉的链接”项，可以看到本站点有不少断掉的链接，读者这时就要注意进一步检查了。 图15-1显示断掉的链接 （2）在“链接检查器”面板的“显示”项后选择“外部链接”选项，如图15-2所示。 图15-2显示外部链接 （3）在“链接检查器”面板的“显示”项后选择“孤立文件”选项，如图15-3所示。 图15-3显示孤立文件 15.1.2 检查浏览器的兼容性 “检查目标浏览器”功能是对文档中的代码进行测试，检查是否存在目标浏览器所不支持的任何标签、属性、CSS 等。注意：此检查对文档不作任何方式的更改。目标浏览器检查可提供有关三个级别的潜在问题信息：错误信息、警告信息和告知性信息，其中若发现错误信息必须修改网页。检查目标浏览器步骤如下： （1）打开站点“myweb”下的文档，比如“index.html”。 （2）执行【文件】-【检查页】-【检查目标浏览器】命令。显示“目标浏览器检查”面板，如图15-4所示。 图15-4 错误、警告和告知性信息 （3）可以看到检查结果没有“错误”信息，只有“警告”和“告知性”信息。这里只是检查了文件“index.html”，其它文件的检查请读者自己完成。 15.1.3 使用站点报告 读者可以对当前文档、选定的文件或整个站点的工作流程或HTML属性（包括辅助功能）运行站点报告。运行报告可以改进工作流程、测试站点以及检查辅助功能。生成站点报告步骤如下： （1）执行【站点】-【报告】命令，显示“报告”对话框，如图15-5所示 图15- 5“报告”对话框 （2）若要在“工作流程”部分中运行报告，可以选择以下任何报告： 取出者：创建一个报告，列出某特定小组成员取出的所有文档。 设计备注：创建一个报告，列出选定文档或站点的所有设计备注。 最近修改：创建一个报告，列出在指定时间段内发生更改的文件。 （3）若要在“HTML报告”部分中运行报告，可以选择以下任何报告： 可合并嵌套字体标签：创建一个报告，列出所有可以为清理代码而合并的嵌套字体标签。 辅助功能：创建一个报告，列出您的内容与辅助功能准则之间的冲突。 没有替换文本：创建一个报告，列出所有没有替换文本的img标签。 多余的嵌套标签：创建一个报告，列出应该清理的嵌套标签。 可移除的空标签：创建一个报告，列出所有可以为清理 HTML 代码而移除的空标签。 无标题文档：创建一个报告，列出在选定参数中找到的所有无标题的文档。 选择要报告的类别和要运行的报告类型后，如图15-6所示，单击“运行”按钮。 图15-6 设置“报告”对话框 （4）根据所选择报告的内容，结果列表出现在“站点报告”面板中，如图15-7所示，同时还会打开一个浏览器窗口，其中列出详细的报告内容，如图15-8所示。 图15- 7 “站点报告”面板 图15-8 报告内容 分辩率测试 浏览器用户可能使用14英寸、15英寸、17英寸，甚至更大尺寸的显示器。因此显示器屏幕分辨率设置也有所不同，比如800×600 像素，1024×768像素等等。要保持分辩率兼容性，就要在不同的分辨率下查看网页。如图15-9和15-10所示，分别是在800×600像素分辩率和1024×768像素分辩率下浏览网页“index.html”的效果。读者如果发现网页有不兼容的内容，一定要进一步修改完善。 图15-9 800×600分辩率 图15-10 1024×768分辩率 主页空间很容易申请，请读者自行申请。假设从空间供应商处得到如下信息：“您申请的空间已经开设成功。同时系统分配您一个三级域名，您现在可以通过立即投入使用。FTP IP:3 FTP帐号:shumazm您可以给您的虚拟主机绑定自己的域名，并且把域名解析到IP地址:3”。 注意：每个空间供应商所给信息不尽相同，但是一般都包括FTP主机、帐号、密码这3项。 网页制作出来之后必须上传到Web服务器上