网站的测试与发布

一、网站测试：

1、浏览器兼容性测试：

（1）骤一：在Dreamweaver CS6 中点击【窗口】，选择【结果】下的【浏览器兼容性】，点击【浏览器兼容性】下的执行按钮，选择【设置】，如图所示：

（2）弹出目标浏览器，进行选择，如图所示：

（3）点击【浏览器检查兼容性】检查。

链接测试是网站系统的一个主要特征，它是在页面之间切换和指导用户进入一些地址和页面的主要手段，检查页面上所有链接是否正确，有没有死链接。当页面创建了很多链接时，用来帮助检查链接的正确性，链接测试可分为3 个步骤：

（1）检查断掉的链接，在Dreamweaver CS6 中点击【窗口】，选择【结果】下的【浏览器兼容性】，点击【连接检查器】，如图所示：

（2）检查外部链接，在Dreamweaver CS6 中点击【窗口】，选择【结果】下的【浏览器兼容性】，点击【连接检查器】下面的显示后面的小三角形，选择【外部链接】如图所示：

（3）检查孤立的文件，在Dreamweaver CS6 中点击【窗口】，选择【结果】下的【浏览器兼容性】，点击【连接检查器】下面的显示后面的小三角形，选择【孤立的文件】如图所示：

1.设置验证程序：

选择【编辑】|【首选参数】菜单命令，弹出【首选参数】对话框。从【分类】列表框中，选择【验证程序】列表项，右侧显示了可选择的验证程序，选择【XHTML 1.0 Transitional】复选框，单击【确定】按钮，关闭【首选参数】对话框，如图所示：

2、网页验证

选择【文件】|【验证】|【作为XML（X）】命令，执行当前文件验证。验证结束后，在【验证】标签卡显示了当前文件存在的问题，如图所示：

单击【验证】图标按钮，从弹出的【验证当前文档】、【验证整个当前本地站点】和【验证站点中选中的文件】3 个菜单项中选择验证范围。对全站进行验证时，选择【验证整个当前本地站点】菜单项，dreamweaver 自动执行验证，验证完成后验证结果显示在【验证】标签中。双击验证列表项，跳转到网页文档代码行进行修改，排除验证不合格项。

在测试站点时，可以使用【报告】命令检查外部链接、可合并的嵌套字体标签、丢失替代文本、多余嵌套标签、可移除空标签和无标题文本等。用户可以在发布站点之前对选定的文档或整个站点进行测试以查找上面这些的HTML 问题。打开站点文件，选择【站点】|【报告】命令，弹出【报告】对话框，从【报告在】下拉列表项中选择【整个当前本地站点】，在【选择报告】列表中选择报告范围，选择【HTML 报告】，其中【辅助功能】允许进一步设置报告规则，如图所示：

单击【运行】按钮，执行检查报告，生成站点报告，如

图所示：

单击【运行】按钮，执行检查报告，生成站点报告，如图所示：

申请域名和空间：

把做好的网页拖到右边的窗口中

在浏览器中输入，如图所示：

免费空间注册：

花生壳：

（1）载安装花生壳客户端下，注册一个账号，生成免费域名，我的域名为：

(2)领取免费域名后登陆客户端

通过域名诊断功能，可以检测该域名记录的花生壳服务、DNS服务器IP地址等，判断域名是否激活并指向正确。

在域名列表界面，右键点击域名，同样也可以进行域名诊断，此外还可以进行新花生壳管理。

运行wamp

让wamp作为本地web服务器，确保可以正常运行，不然无法访问网站修改hosts文件

文件位置C:\Windows\System32\drivers\etc\hosts

本地ip和花生壳域名绑定:

修改Apache的配置文件

文件位置D\ wamp\bin\apache\Apache2.4.4\conf\httpd.conf

将Deny from all改为Allow from all

关闭防火墙

到此以wamp作为web服务器已搭建成功，在浏览器输入

即可跳转如下页面，这是wamp的默认首页:

打开cms