《网页设计案例教程》-第10 章 网站的测试与发布

10.1本地站点的测试10.1.1检查浏览器的兼容性DreamweaverCS6的“检查目标浏览器”功能可以检测当前HTML文档、整个本地站点或站点窗口中的一个或多个文件/文件夹在目标浏览器中的兼容性，查看有哪些标签属性在目标浏览器中不兼容，以便对文档进行修正更改。“检查目标浏览器”功能可以检测IE2.0及其以上版本、NetscapeNavigator2.0及其以上版本等浏览器的兼容性。主要方法如下所述：1）如果需要检查单一的HTML文档，可先在DreamweaverCS6窗口中打开需要检查的HTML文档，然后选择“文件”“检查页”“检查目标浏览器”命令，稍等片刻后，即可看到目标浏览器的兼容报告，如图10-1所示。图示的状态行显示不存在不兼容问题。下一页返回10.1本地站点的测试2）接下来，检查整个本地站点或站点窗口中的一个或多个文件/文件夹在目标浏览器中的兼容性，在“结果”面板上单击鼠标右键，弹出快捷菜单，选择“检查整个当前本地站点的目标浏览器”，如果存在不兼容问题，则在兼容报告中显示不兼容的页及相应的属性。3）如果存在问题，单击“结果”面板左边的按钮，可以立即在默认浏览器中浏览这些兼容性报告信息。10.1.2检查站点中的链接错误对于一个拥有几百个文件的大型网站，随着时间的推移，难免会出现一些失效或无效的链接文件，可以通过DreamweaverCS6内置的“链接检查器”功能来检查并修复失效或无效的链接文件。上一页下一页返回10.1本地站点的测试1．检查链接“链接检查器”功能可以用来检查当前打开的单一文件、文件夹或整个本地站点文件。在结果面板上单击鼠标右键，弹出快捷菜单，选择“检查整个当前本地站点链接”命令，稍等片刻，即可在“链接检查器”选项卡中看到链接检查结果，如图10-2所示。用户可以从“显示”下拉列表中选择要检查的链接方式。1）断掉的链接：检查文档中是否存在断掉的链接，这是默认选项。2）外部链接：检查文档中的外部链接是否有效。3）孤立文件：检查站点中是否存在孤立文件，这个选项只有在检查整个站点时才启用。如果需要，用户可以单击“链接检查器”选项卡上的按钮将这些报告保存成一个文件。上一页下一页返回10.1本地站点的测试2．修复错误链接用户可以通过“属性”面板和“链接检查器”来修复链接。1）通过“属性”面板来修复链接。在“结果”面板中直接双击并打开需要修复链接的文件，然后切换到DreamweaverCS6设计窗口中，按“Ctrl+F3”组合键，打开图10-3所示的“属性”面板，在“链接”文本框中输入正确的链接路径即可。2）通过“链接检查器”来修复链接。首先，在“结果”面板中选中需要修复链接的文件，在“断掉的链接”列中直接输入正确的链接路径，或者单击后面的“浏览”按钮选择链接路径，如图10-4所示。上一页下一页返回10.1本地站点的测试10.1.3在浏览器中预览在DreamweaverCS6中，对网页进行各种检测，可以找出理论上存在的问题。只有真正在浏览器中浏览网页，才能够找到理论上无法预测，但实际上确实存在的问题。可见网站的最终测试必须在浏览器中做最后的验证。上一页返回10.2网站的发布10.2.1申请注册域名1．什么是域名从技术上讲，域名只是一个互联网中用于解决IP地址对应问题的一种方法。互联网域名是互联网上的一个服务器或一个网络系统的名字，在全世界域名都是唯一的。域名是由若干个英文字母和数字组成的，由“.”分隔成几部分，如IBM.COM就是一个域名，

是一个国际域名。无论是国际或国内域名，全世界接入互联网的人都能够准确无误地访问到。从商界看，域名已被誉为“企业的网上商标”。没有一家企业不重视自己产品的标志—商标，而域名的重要性和其价值，也已经被全世界的企业所认识。下一页返回10.2网站的发布2．域名的层次域名分为顶层、第二子域等。顶层分为几种类型，分别是：“.com”—商业性的机构或公司；“.org”—非营利的组织、团体；“.gov”—政府部门；“.edu”—教育部门；“.mil”—军事部门；“.net”—从事互联网相关的网络服务的机构或公司；“.xx”—由两个字母组成的国家代码，如中国为“.cn”，日本为“.jp”等。一般来说，大型的或有国际业务的公司或机构不使用国家代码。这种不带国家代码的域名也称为国际域名。在这种情况下，域名的第2层就是代表一个机构或公司的特征部分，如IBM.com中的IBM。对于具有国家代码的域名，代表一个机构或公司的特征部分则是第3层，如ABC.中的ABC。上一页下一页返回10.2网站的发布3．选择好的域名在域名的选择中，有3点最需要注意。1）人们对于“.com”的热爱。以

域名为例，一级域名是“.com”。即使最适合网站的一级域名应该是“.net”或“.org”或“.gov”或别的什么，人们也期待网站同时还有一个“.com”的域名。2）避免难以记忆和过长的域名。在

这个域名中，二级域名是“nibooboo”，含有8个字符。事实证明，超过12个字符的域名很难被人们记住，即使这个域名是由可拼写的单词组成的，也不应超过此限。3）域名中的怪字符。域名中不要含有“_”“-”“~”等字符。虽然取这样的域名或许有个人的理由，但对大多数人而言，这样做只会使域名更加难以拼写，并且不利于人们对这个域名的口碑相传。上一页下一页返回10.2网站的发布4．申请注册目前申请域名有两种形式：一种是收费域名，另一种是免费域名。免费域名已经很少。在申请注册之前，用户必须先检索自己选择的域名是否已经被注册，最简单的方式就是上网查询。国际顶级域名可到国际互联网络信息中心InterNICe（）的网站上查询，国内顶级域名可到中国互联网络信息中心CNNIC（）的网站上查询。图10-5所示为CNNIC网站，可登录查询已选择的国内顶级域名。上一页下一页返回10.2网站的发布在域名查询框中输入想要查询的域名，单击查询。如果域名已经被他人注册，将会出现域名、域名注册单位、管理联系人等提示信息。如果域名没有被注册，将会出现“你所查询的信息不存在”的提示信息，这时就可以申请注册该域名了。用户登录CNNIC网站后，填写相应的域名注册申请表并提交，CNNIC会对用户提交的申请表进行在线检查，填写完毕后点击“注册”按钮即可。10.2.2申请网站空间并上传网页1．空间申请与申请域名一样，个人网站空间也有收费和免费两种，但免费的很少，且提供的空间较小。选择免费主页空间需要考虑的因素有知名度、访问速度、服务内容是否完善等。上一页下一页返回10.2网站的发布申请主页空间的过程一般大同小异，都需要填入用户名、口令、个人联系方式，如图10-6所示。用户可根据提示一步步完成空间的申请。2．上传网站申请了网站空间后，可把制作好的网站上传到网站空间中。网页的上传一般是通过FTP软件工具连接互联网服务器进行上传的。FTP软件很多，有CuteFtp、LeapFtp等。也可以使用DreamweaverCS6的站点管理器上传网页。下面以DreamweaverCS6为例介绍如何上传网站。主要方法如下所述：1）在DreamweaverCS6中，选择“站点”“管理站点”命令，选择要管理的站点名称，比如“鲜花网站”，如图10-7所示。上一页下一页返回10.2网站的发布2）双击要管理的站点名称，打开“站点设置对象”对话框，选择“服务器”，如图10-8所示。3）单击添加服务器的“+”按钮，打开服务器的“基本”选项，如图10-9所示。在服务器的“基本”选项中可以设置以下参数：服务器名称：在互联网上申请的网站空间服务器的名称。连接方法：选择FTP。FTP地址：输入站点要传到的FTP主机名，也就是互联网上计算机的域名，在输入时直接输入，不用加任何协议。用户名：用户拥有的FTP服务主机的用户名。密码：相应用户的密码。根目录：输入在远程站点需要进入的目录名称，即该计算机对应于存放站点的目录名称。WebURL:网站的域名。上一页下一页返回10.2网站的发布4）单击“保存”按钮，就可以将制作好的网站上传到Web服务器中。10.2.3网站的推广宣传网站发布后，为了吸引更多的浏览者，增加访问量，必须对网站进行宣传和推广。1．登录搜索引擎多数网站是浏览者经由搜索引擎进入的。网站推广的第一步是要确保浏览者可在主要搜索引擎里检索到用户的站点。主要的搜索引擎有百度（）、谷歌（）等。上一页下一页返回10.2网站的发布注册加入搜索引擎的方法有两种：一种是在数据库中搜索关键字，另一种是对网页meta元素的搜索。让浏览者在搜索引擎里快速找到用户站点的最好方法是去大型网站注册，图10-10所示是在“百度”网站上注册关键字的网页。用户只需要购买要注册的关键字，就可以在各个大型网站的搜索引擎中加入网站的关键字，然后，在用户自己的网站中高频率地使用关键字.上一页下一页返回10.2网站的发布2．其他推广方法除了登录搜索引擎外，还有很多推广网站的方法。交换链接：交换链接的表现形式有多种，可以是友情链接，也可以是广告的交换和内容版块的交换等。登录导航站点：现在国内有大量的网站导航类站点，如“”“”等。除此之外，还有会费广告、发布邮件及在专业论坛上发布消息