网页测试与发布

网页测试与发布第一页，共十六页，2022年，8月28日本章知识技能要点：站点测试的任务站点测试的方法及步骤站点发布的操作步骤第二页，共十六页，2022年，8月28日11.1站点测试的任务与目的在将站点上传到服务器并声明其可供浏览之前，必须先在本地对其进行测试。实际上，在站点建设过程中，就应当不断地对站点进行测试并解决所发现的问题，以便尽早发现问题，避免重复出错，同时避免错误的连锁反应。制作完成的网站应该确保各个页面在目标浏览器中如预期的那样显示和工作，而且没有断开的链接，页面下载也不应占用太长的时间。还可以通过运行站点报告测试整个站点并解决出现的问题。因此在测试站点时应完成以下几方面的测试和检验：第三页，共十六页，2022年，8月28日11.1站点测试的任务与目的11.1.1确保页面在目标浏览器中能够有预期的显示效果所完成的各个页面不仅能在目标浏览器中正常工作，还应使这些页面在其他浏览器中要么工作正常，要么“明确地拒绝工作”。所以在测试时应尽可能多地在不同的浏览器和平台上预览页面。借此机会查看布局、颜色、字体大小和默认浏览器窗口大小等方面的区别。11.1.2检查站点是否有断开的链接，并修复断开的链接由于其他站点也在不断的重新设计、重新组织，所以所链接的页面可能已被移动或删除。为此可以运行链接检查报告对链接进行测试，保证站点没有断开的链接。第四页，共十六页，2022年，8月28日11.1站点测试的任务与目的11.1.3监测页面的文件大小以及下载这些页面所占用的时间要知道对于由大型表格组成的页面，在某些浏览器中，在整个页面完全载入之前，访问者将什么也看不到。为此，在网页的布局设计时应考虑将大型表格拆分为几个部分；如果不可能这样做，还可以考虑将少量内容（例如欢迎辞或广告横幅）放在表格以外的页面顶部，这样用户可以在下载表格的同时查看这些内容。11.1.4检查整个站点是否存在其他问题例如无标题文档、空标签以及冗余的嵌套标签等。检查网站的代码中是否存在标签或语法错误等等第五页，共十六页，2022年，8月28日11.2测试方法及步骤（1）在编辑视图由“站点”菜单→“检查站点范围的链接”，弹出“结果”面板，如图所示。显示在本网站中所有断掉的链接。第六页，共十六页，2022年，8月28日11.2测试方法及步骤（2）展开“显示”下拉列表，选择“外部链接”，让检查器检查出本网站与外部网站的链接的全部信息，对于外部链接，检查器不能判断正确与否，请自行核对。如图所示。第七页，共十六页，2022年，8月28日11.2测试方法及步骤（3）展开“显示”下拉列表，选择“孤立文件”，如图11-3所示。让检查器找出网站中的孤立文件，这些文件在网站中没有使用，但是仍在网站文件夹里存放，上传后它会占据有效空间，应该把它清除。清除办法是：先选中文件，点Delete键，确定。这些文件就放在“回收站”。第八页，共十六页，2022年，8月28日11.2测试方法及步骤（4）如果不想删除这些文件，点击面板左侧的“保存报告”按钮（图11-3所示），在弹出的“另存为”对话框中，给报告文件一个保存路径和文件名即可。该报告文件为一个检查结果列表。可以参照此表，进行处理。（5）纠正和整理之后，网站就可以发布了。第九页，共十六页，2022年，8月28日11.3网站的发布站点测试完成之后，就可以进行上传发布了。如果是第一次上传文件，远程Web服务器根文件夹是空文件夹。可以按以下操作步骤进行。（如果不是空文件夹，需另行操作附后）。本地站点和远程服务器的设置首先应当进行本地站点和远程服务器的设置，具体步骤如下：（1）连接到远程站点，此时远程Web服务器根文件夹是空的。（2）在Dreamweaver8中，选择“站点”>“管理站点”，打开“管理站点”对话框，在其中的站点列表中选择要上传的站点（如“校园生活”）之后，点击“编辑”按钮。第十页，共十六页，2022年，8月28日11.3网站的发布（3）打开“校园生活站点定义”对话框。单击对话框顶部的“基本”选项卡。(4)由于在此之前“设置站点”时，已填写了“基本”选项卡中的前几个步骤，因此单击几次“下一步”，直到向导顶部高亮显示“共享文件”步骤。（5）在标有“您如何连接到远程服务器？”的弹出式菜单中，选择“FTP”。单击“下一步”，弹出如图所示对话框。第十一页，共十六页，2022年，8月28日11.3网站的发布（6）在图11-7所示对话框中输入以下选项：输入服务器的主机名；（必须填入）“您打算将您的文件储存在服务器上的什么文件夹中？”（可以留空）在相应的文本框中输入您的用户名和密码。“使用安全FTP(SFTP)”选项。（可不勾选）（7）单击“测试连接”。如果连接不成功，请检查设置或咨询系统管理员。（8）在输入相应的信息后，单击“下一步”。打开下图所示对话框。选择“不启用存回和取出”。单击“下一步”。第十二页，共十六页，2022年，8月28日11.3网站的发布（9）在“总结”中，单击“完成”以完成远程站点的设置。（10）再次单击“完成”以退出“管理站点”对话框。11.3.2上传本地文件夹在设置了本地文件夹和远程文件夹（空文件夹）之后，可以将文件从本地文件夹上传到Web服务器。可按照下述步骤进行：（1）在“文件”面板（“窗口”菜单“文件”）中，选择站点的本地根文件夹。单击“文件”面板工具栏上的“上传文件”按钮。如图所示（2）此时Dreamweaver8会将所有文件复制到服务器默认的远程根文件夹中。第十三页，共十六页，2022年，8月28日11.3网站的发布（3）大多数网站空间提供商都设置有服务器默认的文件夹，请在此文件夹下创建一个空文件夹，方法是：在“文件”面板，将“本地视图”转换为“远程视图”。如图。右键点击文件夹，选“新建文件夹”，输入一个名称，用作为本网站的远程根文件夹，最好名称与本地根文件夹的名称一致，便于操作。第十四页，共十六页，2022年，8月28日(4)为了操作更直观，也可以最大化“文件”面板。打开“文件”面板的最右边的“扩展/折叠”按钮，最大化文件面板，如图，左边为远端站点内容，右边为本地文件内容。11.3网站的发布（5）上传完毕，请在