网页设计与制作教程 第4版 教学课件 ppt 作者 刘瑞新第13章 网站的整合与测试发布.pptVIP

机械工业出版社同名教材 配套电子教案 整合网站 本地站点测试网站 网站的发布 实训 第13章 网站的整合与测试发布 整合网站主要是指从全局角度设置网站的超链接，以便对网站进行全面的测试。 当网站的所有页面都制作完毕后，用户一定要注意从以下几个方面正确设置网站的超链接。 1．正确设置绝对路径链接 2．框架页面之间的链接 3．将空链接或临时链接设置为实际链接地址 4．特殊文件的存放位置 13.1 整合网站 13.2.1 网站测试的参数 测试网站时，应该确保页面在浏览器中如预期的那样显示和工作，而且没有断开的链接，页面下载也不会占用太长时间。 网站测试的主要参数如下： 1．确保页面在浏览器中的显示达到预期效果 2．在不同的浏览器上预览页面。 3．检查站点是否有断开的链接 4．监测页面的文件大小以及下载这时间 5．运行站点报告来测试并解决整个站点的问题 13.2 本地站点测试网站 13.2.2 案例一：测试曙光大学网站 【案例综述】测试曙光大学网站的主要性能参数。 【案例展示】网站测试的站点报告结果为一个XML文件，如图13-1所示。 13.2 本地站点测试网站 13.3.1 设置远程站点 本地站点建立的文件可以通过FTP协议上传到远程的FTP或Web服务器上。设置远程站点信息的具体步骤如下。 ① 选择“站点”→“管理站点”命令，打开“管理站点”对话框。 ② 在“管理站点”对话框的站点列表中，当前站点已经被突出显示。在该对话框中选择一个需要设置远程站点信息的站点，然后单击对话框中的“编辑”按钮。 ③ 此时系统会弹出站点定义对话框。在该对话框的“分类”列表中选择“远程信息”选项，设置远程站点的服务器访问方式。 ④ 从“访问”下拉列表中，选择服务器访问方式，这里选择最常用的FTP方式作为服务器访问方式。 13.3 网站的发布 13.3.2 连接服务器 定义了远程站点后，还必须建立本地站点和Internet服务器的真正连接，才能真正构建远程站点。步骤如下所述。 ① 在站点窗口中显示要上传的本地站点。 ② 单击站点窗口上方的“连接”按钮。 ③ 连接成功后，会在站点窗口的远程站点窗格中显示主机目录，它将作为远程站点根目录。同时原先的“连接”按钮转变为“断开连接”按钮。 13.3 网站的发布 13.3.3 文件的上传和下载 在设置本地站点信息和远程站点信息后，就可以进行本地站点与远程站点间文件的上传及下载操作。具体的操作步骤如下所述。 ① 在Dreamweaver中设置本地和远程服务器信息。 ② 将本地计算机连入Internet。 ③ 在站点管理窗口中打开欲进行上传或下载文件操作的站点，将Dreamweaver与远程服务器接通，接通后，站点管理窗口左边的“远端站点”窗格中显示远程服务器中的文件目录。选中本地站点，单击上传 按钮，本地站点中的所有文件将逐个上传到远程站点。 ④ 与远程服务器连通后，就可以在站点管理窗口中上传及下载站点文件。 13.3 网站的发布 13.4.1 测试“爱家美食”网站 【【实训综述】测试“爱家美食”网站的主要性能参数。 【实训展示】网站测试的站点报告结果为一个XML文件，如图13-16所示。 13.4 实训 13.4.2 实训二：发布“爱家美食”网站 【实训综述】Dreamweaver内置的FTP上传功能发布“爱家美食”网站。 【实训展示】网站上传完毕后在远程站点的显示效果如图13-17所示。 13.4 实训 1．测试网站主要包括哪些方面的测试？ 2．简述使用Dreamweaver发布网站的过程。 3．综合使用网页制作的各种技术制作并发布如图13-18所示的页面。 13.5 习题