第11章 测试和发布站点

第11章测试和发布站点本章内容提要申请空间和域名 ···········································································

第11章

测试和发布站点

本章内容提要

申请空间和域名 ············································································· 231 站点本地测试 ················································································· 237 站点发布 ························································································· 242 同步文件 ························································································· 245 章前导读

网站制作好后,需要申请虚拟空间和域名,并将制作好的网站上传至虚拟空间,别人才能通过Internet 访问网站。此外,为了让浏览者能顺利访问网站,在将站点上传至虚拟空间之前,最好在本地进行全面测试,包括兼容性和网页链接测试等。

Internet 上提供空间和域名服务的网站有许多,其申请流程也基本相同,本节就以其中的一个免费网站为例来讲解空间和域名的申请过程。

,

第1章中已经介绍了空间的概念,此处不再赘述。一般要在某个网站申请某项服务,需要先注册成为该网站的会员,申请免费空间也不例外。

Step 01 首先在IE 浏览器中打开“中国免费空间网”首页“http://www.06la.com/”,并

单击其导航条上的“免费空间申请”链接,如图

11-1所示。

图11-1 打开网页并单击链接

Step 02 打开“用户注册”页面,输入电子邮件和手机号码,然后单击“注册”按钮,

如图11-2所示。

,

目录

图11-2 输入信息并单击“注册”按钮

Step 03 进入“会员注册第二步”,填写用户名和密码,并根据要求将下方的提示信息发

送至指定的手机,之后单击“注册”按钮,如图11-3所示。

Step 04 大概20秒后,显示“验证成功”提示信息,单击“确定”按钮,如图11-4

示。

图11-3 会员注册第二步

,

图11-4 “验证成功”提示信息

Step 05 注册成功,进入“免费空间”申请页面,单击“点此开通免费空间”按钮,如

图11-5所示。

图11-5 申请免费空间

Step 06 显示提示信息,提示空间申请已经提交,大概过1分钟后,单击左侧的链接“管

理首页”,如图11-6所示。

,

目录

图11-6 提交申请

Step 07 打开“管理首页”页面,显示免费空间已申请成功,记下其中的“FTP 上传地

址”、“FTP 上传账号”以及“FTP 上传密码”,以备后面应用,如图

11-7所示。

图11-7 申请成功

,

本节首先介绍域名基础知识,然后介绍申请域名的方法。

1.域名基础知识

域名可分为顶级域名(一级域名)、二级域名和三级域名等。顶级域名是由一个合法字符串+域名后缀组成,如sohu.com 、baidu.com 、sina.com.cn ;二级域名是指在顶级域名前再加一个主机名,如mp3.baidu.com 、sports.sohu.com ;三级域名则在二级域名的基础上再加字符串,如gg.mp3.baidu.com 。

通常,使用顶级域名每年需要向服务商缴纳一定的租借费用,金额为几十至两三百元不等;而二级域名一般可以免费得到。

以com 、net 、gov 、edu 为后缀的域名称为国际域名。这些不同的后缀分别代表了不同的机构性质。例如:com 表示商业机构、net 表示网络服务机构、gov 表示政府机构、edu 表示教育机构。

以cn 为后缀的域名称为国内域名,各个国家都有自己固定的国家域名,例如:cn 代表中国、us 代表美国、uk 代表英国等。部分国内域名的后缀还包括“国际通用域”,如sina.com.cn 。

2.申请域名 域名的申请方法比较简单,下面以申请免费的二级域名为例说明。

Step 01 继续在前面的网站中进行操作。单击上方的链接“首页”,回到网站首页,并单

击导航条中的“免费域名申请”链接,如图

11-8所示。

图11-8 申请免费域名

,

目录

Step 02 打开免费域名申请页面,根据需要单击任意项下的“免费域名申请”链接,如

11-9所示。

图11-9 单击“免费域名申请”链接

Step 03 进入域名注册页面,根据提示输入各项信息,然后单击“提交”按钮,如图

11-10

所示。

图11-10 输入注册信息

,

Step 04 申请成功后,网页上会显示你的域名及密码信息,如图11-11所示。

图11-11 申请成功

制作好网站并申请好空间和域名后,还不能立即将网站上传,为确保各网页在浏览器中均能正常显示,各链接均能正常跳转,还要对站点进行本地测试,如兼容性测试和网页链接检查等。

通过兼容性测试,可以查出文档中是否含有目标浏览器不支持的标签或属性等,如EMBED 标签、marquee 标签等。如果这些元素不被浏览器支持,网页会显示不正常或部分功能不能实现。

浏览器兼容性测试的具体操作如下。

Step 01 打开前面制作的SM 网站的主页,单击“文档”工具栏中的按钮,在弹出的

下拉菜单中选择“设置”,如图11-12所示。

,

目录

Step 02 打开“目标浏览器”对话框,在对话框中选择要检测的浏览器,在右侧的下拉

列表中选择对应浏览器的最低版本。单击“确定”按钮,关闭对话框,完成要测试的目标浏览器的设置,如图

11-13所示。

图11-12 选择“设置”命令 图11-13 设置“目标浏览器”对话框 Step 03 选择“文件”>“检查页”>“检查目标浏览器”菜单,在“结果”面板组中的

“目标浏览器检查”面板中将显示检查结果,如图

11-14所示。

图11-14 “目标浏览器检查”面板

由图11-14可以看出,“检查目标浏览器”面板可给出3种潜在问题的信息:告知性信息、警告和错误。这3种问题的含义如下。

告知性信息:表示代码在特定浏览器中不受支持,但没有负面影响。

警告:表示某段代码不能在特定浏览器中正确显示,但不会导致严重问题。 错误:表示某段代码在特定浏览器中会导致严重问题,如致使页面显示不正常。

Step 04

单击“目标浏览器检查”面板左上方的按钮,在弹出的下拉菜单中选择“检

查整个当前本地站点的目标浏览器”选项,以对站点中所有Web 页面进行目标浏览器的兼容性检查,结果如图11-15所示。

,

图11-15 检查整个站点

Step 05 单击“目标浏览器检查”面板左侧的

图11-16所示。

按钮,浏览器中会显示出检查报告,如

图11-16 显示检查报告 Step 06 单击“目标浏览器检查”面板左侧的按钮,可保存检查结果。

Step 07 双击“目标浏览器检查”面板中的错误信息,系统自动切换至“拆分”视图,

并选中有问题的标记,如图11-17所示。

图11-17 选中有问题的标记

Step 08 将有问题的代码修改或者删除,以修正错误。

标签: