《网页设计与制作》第9章 网站测试和发布

第9章网站测试和发布制作网站的目的就是让人们能够访问到我们的网页。前面我们学习了网页的制作方法，现在我们要把制作好的网站进行测试并发布到因特网上。本章将学习网站测试和发布的方法。主要内容包括：（1）整理XHTML文件。（2）使用不同浏览器测试网站及网站链接情况，并进行拼写校验测试、下载时间测试。（3）选择、注册域名。（4）申请和使用网站提供的网络空间，对网站进行上传和发布。第9章网站测试和发布9.1网站测试9.2网站发布推广9.1网站测试任务导入学习目标任务实施思考与练习 任务导入网站的制作终于接近尾声了，看着自己的作品，小赵很有成就感，正准备歇一口气的时候，老张走过来告诉他，这最后的一步是绝对不能少的，很多问题往往是在这一步中发现的。小赵很奇怪，制作工作已经结束了，还会存在什么问题呢？老张微笑地告诉他，这关键的一步就是网站的最后测试与优化。本任务将学习网站测试的基本知识和方法。 学习目标（1）了解网页中整理XHTML、清理XHTML、清理Word中XHTML的方法，会进行网页优化。（2）会测试网站在不同浏览器和不同版本浏览器下的执行效果。（3）了解网站链接测试的主要内容，会进行网站的链接分析、修改链接错误。（4）了解网页拼写检验测试及下载时间测试的方法与步骤，会进行拼写和下载时间测试。 任务实施1.网站优化的作用当一个网站创建完成后，首先要在本地对网站进行优化处理。所谓优化，是对XHTML源代码的一种优化。在使用Dreamweaver制作网页时，可能会使用到多个工具软件，这样在多种软件交织在一起中所制作的主页，可能会生成一些无用的代码。这些类似垃圾的代码，不仅增加了文档的容量、延长下载时间，还会在用浏览器浏览时出错，并且对浏览的速度也会产生较大的影响。利用Dreamweaver优化XHMTL代码，可以最大程度地对这些代码进行优化，去除那些无用的垃圾，修复代码错误，提高代码质量。 任务实施2.整理XHTMLDreamweaver提供了将现有的文档代码以特定的、便于阅读理解的模式排版的功能。具体操作步骤如下：（1）打开需要优化代码格式的文档。（2）选择“命令”菜单→“应用源格式”命令，使源代码的格式更清晰易读、规范。使用“应用源格式”命令 任务实施3.清理XHTML使用Dreamweaver的“清理XHTML”命令，可以从文档中删除空标记、嵌套font标记等，以减少代码量。“清理XHTML”命令不仅可以修正XHTML的语法错误、将标签属性的大小写特性设置为小写，并且除了执行XHTML清理操作外，还可以添加或报告标签所缺少的必需属性。 任务实施清理代码的具体操作步骤如下：（1）打开文档。（2）选择“命令”菜单→“清理XHTML”命令，将打开“清理HTML/XHTML”对话框，如图所示。“清理HTML/XHTML”对话框 任务实施4.清理Word生成的XHTML在Dreamweaver中，可以打开在MicrosoftWord中保存为HTML文件的文档，然后使用“清理Word生成的XHTML”命令删除Word生成的无关HTML代码。

使用“清理Word的HTML”菜单命令

“清理Word生成的HTML”中的“详细”选项卡 任务实施5.检查浏览器兼容性我们编写的公司网页当然希望在各种不同的浏览器下都有同样的效果，但由于浏览器的兼容性及版本问题，一些在IE6.0下非常漂亮的网页有可能在其他IE版本或其他浏览器下却显得一团糟。为了使自己的网页至少在目前主流浏览器下获得兼容，我们可以用Dreamweaver来对网页的兼容性进行测试。 任务实施6.检查链接如果网站内的网页较多，就难免在网页文件之间有一些链接错误。若要对各个链接一一进行检查，工作量大，确实并非易事，况且有些隐藏链接也不易发现。使用Dreamweaver，不但能快速测试出断掉的链接、外部链接和孤立文件，还能帮助我们对错误链接做快速轻松的修改。 任务实施选择“文件”菜单→“检查页”→“链接”命令，将打开“链接检查器”面板并出现“断掉的链接”报告，如图所示。

“链接检查器”面板

“链接检查器”面板中的“外部链接“ 任务实施7.拼写检查拼写校验能对网页中的英文文档进行校对。如果网页没有英文文档，这项测试可以省略。8.测试下载时间同一网页在不同连接速度下其下载速度是不同的。在Dreamweaver中，我们可以选择不同速度对网页进行测试。 思考与练习1.简述网站测试与优化的方法。2.在Dreamweaver中，对综合实例网站进行XHTML标记整理及链接测试。3.在Dreamweaver中，对综合实例网站进行浏览器测试及文档拼写检查。9.2网站发布推广任务导入学习目标任务实施思考与练习 任务导入网站的测试工作终于完成，可以说，现在绝对是一个100%完成和测试成功的网站成品了，那么需要把这个网站放到什么地方去？如何让人可以访问到这个网站呢？这就是网站发布问题。其实，在对网站正式发布前，必须首先申请域名和空间，只有申请后，用户制作的网页才能发布到Internet上。本任务学习将网站发布到Internet上的方法。 学习目标（1）了解网站域名的相关知识，会通过分析公司业务进行域名选择。（2）会注册域名。（3）了解申请网站空间的主要内容，会进行网站空间的选择。（4）了解网站上传的不同方法，会正确进行网站的服务器上传。（5）了解网站宣传的方法，会借助搜索引擎等进行网站推广。 任务实施

1.什么是域名Internet域名是Internet网络上的一个服务器或一个网络系统的名字，在全世界没有重复的域名。域名由若干英文字母和数字组成，用“.”分隔成几部分，如、等就是域名。网络是基于TCP/IP协议进行通信和连接的，每一台主机都有一个唯一的标识和固定的IP地址，以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时，均采用了一种唯一、通用的地址格式，即每一个与网络相连接的计算机和服务器都被指派了一个独一无二的地址。 任务实施

2.域名的管理机构在中国域名注册通常分为国内域名注册和国际域名注册。（1）国内域名注册：现在统一由中国互联网络信息中心（CNNIC）进行管理，具体注册工作由通过CNNIC认证授权的各代理商执行。（2）国际域名注册：现在是由一个来自多国私营部门人员组成的非盈利性民间机构——国际域名管理中心（InternetCorporationforAssignedNamesandNumbers，ICANN）统一管理，具体注册工作也是由通过ICANN授权认证的各代理商执行。 任务实施

3.域名的构成一个完整的域名由二个或二个以上部分组成，各部分之间用英文的句号“.”来分隔。域名的结构为：计算机名.三级域名.二级域名.顶级域名其中，最后一个“.”的右边部分称为顶级域名（TLD，也称为一级域名），最后一个“.”的左边部分称为二级域名（SLD），二级域名的左边部分称为三级域名，以此类推，每一级的域名控制它下一级域名的分配。 任务实施

1）顶级域名目前，国际上出现的顶级域名有.com、.net、.org、.gov、.edu、.mil、.cc、.to、.tv以及国家或地区的代码，其中最通用的是.com、.net、.：适用于商业实体，它是最流行的顶级域名。.net：最初用于网络机构如ISP。.org：主要用于各类组织机构，包括非盈利团体。国家代码：像cn（中国）、fr（法国）和au（澳大利亚）这样两个字母的域名谓之国家代码顶级域名。通过它，基本上可以辨明域名持有者的国家或地区。详细的国家代码可在查找。 任务实施

2）二级域名靠左边的部分就是所谓的二级域名，在中，cctv就是顶级域名.com下的二级域名，还可以有的形式，这里的mail可以谓之“主机”或“子域名”。3）中国常用的域名形式我国在国际互联网络信息中心（InterNIC）正式注册并运行的顶级域名是cn，这也是我国的一级域名。我国的二级域名又分为类别域名和行政区域名两类。类别域名共6个，包括用于科研机构的ac；用于工商金融企业的com；用于教育机构的edu；用于政府部门的gov；用于互联网络信息中心和运行中心的net；用于非盈利组织的org。而行政区域名有34个，分别对应于我国各省、自治区和直辖市。 任务实施

4.域名命名的一般规则域名的注册遵循“先申请先注册”原则，管理机构对申请人提出的域名是否违反了第三方的权利不进行任何实质审查。同时，每一个域名的注册都是唯一的、不可重复的。域名的命名也有一些共同的规则，主要有以下几点：（1）域名中只能包含以下字符： ◆26个英文字母。 ◆“0，1，2，3，4，5，6，7，8，9”十个数字。 ◆“-”（英文中的连词号，但不能是第一个字符）。 ◆对于中文域名而言，还可以含有中文字符而且是必须含有中文字符。（2）在域名中，不区分英文字母的大小写和中文字符的简繁体，对于一个域名的长度是有一定限制的。在英文国际域名中，英文字母的大小写没有区别，每个层次最长不能超过22个字母。在中国域名中，三级域名长度不得超过20个字符。 任务实施

5.如何选择好的域名域名是联接企业和互联网网址的纽带，它像品牌、商标一样具有重要的识别作用，是访问者通达企业网站的“钥匙”，是企业在网络上存在的标志，担负着标示站点和导向企业站点的双重作用。一个好的域名是成功的开始。当要注册一个新的域名时，应遵循以下原则： （1）域名应该简明易记，便于输入。 （2）域名要有一定的内涵和意义。 （3）长度尽量要短。 （4）正确拼写英文单词或拼音。 （5）用商标或企业名称。 （6）注册.com下的域名。

.com是首选的顶级域名，可显示企业的全球化理念。 （7）不要侵犯其他公司的商标。 任务实施

6.域名选取技巧 （1）用企业名称的汉语拼音作为域名。 （2）用企业名称相应的英文名作为域名。 （3）用企业名称的缩写作为域名。 （4）用汉语拼音的谐音形式作为域名。 （5）以中英文结合的形式作为域名。 （6）在企业名称前后加上与网络相关的前缀和后缀。 （7）用与企业名不同但有相关性的词或词组作域名。 （8）注册.net域名时要谨慎。 任务实施

7.如何注册域名注册域名的主要步骤有： （1）申请注册成为网站用户。 （2）汇款到该用户名下（可以在线汇款，或者汇款到你注册用户的网站公司并通知其为账号充值）。 （3）查询希望的域名是否已注册。 （4）填写域名注册资料。 （5）通过购物车支付，注册款项自动从帐户扣除，支付成功后注册完毕。目前，国际域名有效期在注册时可以选择一年或更长，国内域名有效期是一年。注意：在域名到期之前，务必将下一年的续费及时交上，以免域名因此停止运行甚至被删除。学到这里，小赵对叶行科技公司的情况进行了分析，草拟了几个域名，准备查询是否已经被注册：，，，，，，，。 任务实施

8.什么是网站空间网站空间能存放网站文件和资料，包括文字、文档、数据库、网站的页面、图片等文件。空间大容量就大，空间小容量就小。以中小企业网站为例，一个企业网站的基本网页html文件和网页图片大概需要20M以内的空间。加上产品照片和各种介绍性页面，一般不超过100M。另外，如果企业还需要存放反馈信息和备用文件的空间，加上考虑硬盘空间剩余（否则容易导致数据丢失），那么一般企业网站需要的空间容量是100M～300M。注：需要放较多视频文件的除外，视频文件通常都比较大。当然，如果有用户打算专门从事网络服务，有大量的内容要存放在网站中，就需要更大的空间。 任务实施

9.网站空间的类型1）虚拟主机虚拟主机是使用特殊的软硬件技术，把一台计算机主机分成一台台“虚拟”的主机，每一台虚拟主机都具有独立的域名和IP地址（或共享的IP地址），具有完整的Internet服务器功能。在同一台硬件、同一个操作系统上，运行着为多个用户打开的不同的服务器程序，互不干扰；而各个用户拥有自己的一部分系统资源（IP地址、文件存储空间、内存、CPU时间等）。虚拟主机之间完全独立。在外界看来，每一台虚拟主机和一台独立的主机的表现完全一样。 任务实施

选择虚拟主机时，应从以下几个方面衡量：(1)负载量。（2）流量。也就是指用户网站的访问数量，即一个月内允许用户网站被调用数据的总和。（3）连接数。指在瞬间内、能够同时接受申请打开用户网站页面的人数。（4）在线率。网站既然搭建了就应该永远保持运行状态，以便保证访问者随时登录。 任务实施

2）租用专用服务器租用专用服务器就是用户租用一个专用的服务器，该服务器只供一个用户使用，用户有完全的管理权和控制权。现在有些企业使用这项服务，但费用相当高。 任务实施

3）主机托管主机托管服务是指用户委托具有完善机房、良好网络和丰富运营经验的服务商管理其计算机系统，使其更安全、稳定、高效地运行。即用户把自己的网络设备（服务器、交换机等）放在专业服务的机房中，享受高品质的带宽、不断增加的增值服务和全天候各方面监控服务。从而省去用户自行申请专线连接到Internet。用户选择主机托管可以显著降低成本、减少运营负担、增强核心业务竞争力。 任务实施

10.上传网站当网站制作、测试后，应该如何将其送到远端的服务器上呢？使用Dreamwaver本身自带的FTP上传、下载功能，可以很方便地进行网站管理。也可以通过FTP软件（如CutFtp、LeapFtp等）连接Internet服务器上。 任务实施

11.网站的宣传推广网站上传后，最终的目标是吸引众多的访问者。因此网站发布后，为了吸引浏览者，增加访问量，必须对网站进行宣传推广。1）借助搜索引擎（1）将网站提交到搜索引擎。几乎所有的搜索引擎网站都提供了提交网站功能，要让它们索引网站，需要先进行网址的提交。一般来说在网址提交后的一月内，网站就会被大站分搜索引擎索引。 任务实施

（2）对网站进行适当优化。◆尽理使用静态网页。使用静态网不仅有利于提高访问者的浏览速度，降低服务器的负荷，更对搜索引擎的收录有很好的效果。◆完善网页Meta内容。Meta是HTTP协议语言head区的一个辅助性标签，其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每个网页加上Meta值，以便于搜索引擎的索引。以下是比较重要的Meta值，务必要在网页中加入：<metaname="Description"c/><metaname="Keywords"c/> 任务实施

（3）增加网站的内外链接。网站链接可以分为内部链接和外部链接，与其他站点交换友情链接就是一种增加外部链接的方法。当然还有很多方法可以增加外部链接，如在其他网站论坛做宣传；在论坛签名位置放上自己网站地址，提供有用的信息（如回答其他人的问题），很多浏览的人会因此点击你的签名中的链接。多写有价值的文章，公布在自己网站发布，同样也可以发布在同类型的网站中，在文章中可以加入一些版权信息，注明来源。增加内部链接也是一种好方法。我们可以在一篇文章中引用网站中的另一篇文章，这种链接越多，站点在搜索引擎就越容易被索引更多页面。使用链接检查工具检查站内是否有坏链接和死链接，另外，在交换友情链接时，还需要注意网站的基本情况，务必要注意不能和作弊的或被搜索引擎处罚过的网站交换链接。

【提示】

尽量不要加入类似“链接工厂”类型的网站。这些网站一般以诸如“自助友情链接、智能友情链接”作为宣传，加入类似的链接虽然在一定程度上有利于网站优化，但短期的外部链接迅猛上升可能会被搜索引擎当成作弊处理。 任务实施

（4）使用搜索引擎收费服务对于一些企业网站，需要尽快获得用户，使用搜索引擎付费排名服务可能会收到较好的效果。目前大多搜索网站都开通了广告服