XHTML教程4
Head First HTML With CSS &XHTML[翻译：谢启祥]2010/1/24[有任何翻译不当的地方请发邮件到：qixiangxie@gmail.com反馈，谢谢]
Head First HTML With CSS &
XHTML
[翻译：谢启祥]
2010/1/24
[有任何翻译不当的地方请发邮件到：qixiangxie@gmail.com反馈，谢谢]
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
第四章 发布Web 网站
—— A Trip to Webville
第四章 1 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
把我们的网站发布到互联网上
如何让所有的人都能看到我们制作的Web 页面呢？你现在要做的就是要找到一个ISP （互联网服务提供商），比如国内的中国万网，中国信息港等等，他们会提供服务器给我们使用，当然不是免费的。下面是我们要做的：
A. 找一个域名空间提供商（中国万网、中国信息港等）
B. 申请域名（如：”）
C. 使用某种方式把你的web 页面发送到服务器上
D. 告诉你的亲朋好友你的域名，让他们能够访问
第一步：第一步：选择一个ISP
把网站发布到互联网上，我们需要在互联网上有一台服务器。你可以自己购买服务器，然后托管到IDC （如景安）那里，也可以到ISP 提供商（景安也有这样的业务，中国信息港等等）申请一些网站空间。这里有一些建议：
技术支持：ISP 是否有足够强的技术支持能力，比较好的ISP 都会及时的帮助你
解决各种问题，有一些响应就慢一些。出了问题解决的时间可能也常一些。
数据传输量：有一些ISP 限制网站的流量，比如一天的流量不能大于1G ，这样
的限制，在购买之前需要考虑一下，你的网站大概的流量是多少。
备份：ISP 是否有定期的备份策略，是否能够在硬件出问题的情况下恢复你的数
据。
域名：ISP 是否有域名服务？
额外的服务：是否有额外的服务，如电子邮件，论坛，支持的各种服务器脚本
（如asp ，php ，asp.net 等）
第二步：第二步：申请域名
第四章 2 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
什么是域名？什么是域名？
即使你从来没有听说过域名，其实你已经看到和使用过很多了。你应该知道：……google.com ，yahoo.com ，amazon.com ，disney.com ，嗯，也许有一些你不想提到的域名。
那么，到底什么是域名呢？域名是能够找到你的网站的唯一名称。这里有个示例：
域名由ICANN[互联网名称与数字地址分配机构， 是一个非营利性的国际组织， 负责互联网协议（ IP ）地址的空间分配、 协议标识符的指派、通用顶级域名（ gTLD ）以及国家和地区顶级域名 （ ccTLD ）系统的管理、以及根服务器系统的管理。]确定某一个时刻只有一个机构或个人使用某个确定的域名。但是，你需要支付少量的费用。
对于域名的申请，在国内，可以通过中国万网，新网互联来申请。不过，现在除了申请域名，请域名，还必须到信产部的网站上进行备案还必须到信产部的网站上进行备案，才能使用，才能使用，备案的流程也是很漫长的，备案的流程也是很漫长的，所以要有心理准备，所以要有心理准备，嗯，在这里也顺便BS 一下BT 政府网站的不入流水准。政府网站的不入流水准。
那么，到底我们应该怎样注册一个域名呢？那么下图的中国信息港给我们提供了正确
的流程，首先要查询你要申请的域名是否有人使用了，然后，注册你需要的域名，和客服联系，交钱，OK 。下图是中国信息港的首页：
第四章 3 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
我们怎样确定域名已经开通了呢？这就需要使用
whois
服务，到下面的站点，输入你申请的域名，可以查询当前域名的情况：如申请时间，过期时间等……
第四章 4 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
Q ：为什么叫“，怎么不叫“为什么叫“域名”域名”怎么不叫“网站名”网站名”呢？
A ：因为他们是完全不同的东西。比如说：“www.hnaccp.com ”，它是一个网站名，但是，只有“hnaccp.com ”这部分是域名。我们还可以在同一个域名下面添加更多的网站，比如说“student.hnaccp.com ”、“teacher.hnaccp.com ”。也就是说在一个域名下面我们可以很多个网站。
Q ：如果我有一个域名“hnaccp.com ”，其实我真正想要的不是“www.hnaccp.com ”吗？每一网站似乎都使用www 做为网站的名字前缀。做为网站的名字前缀。
A ：嗯，不要把域名和网站名混淆了：“hnaccp.com ”是域名，另外“www.hnaccp.com ”是网站名。购买一个域名就像购买了一块土地，比如100mainstreet.com ，在这块土地上，你可以建造任意多的网站你，比如：home.100mainstreet.com ，toolshed.100mainstreet.com ，和outhouse.100mainsteet.com 。因此，你就明白了www.hnaccp.com 只不过是“hnaccp.com ”域名下的一个网站而已。
第三步：第三步：发布Web 页面到服务器上
如果你已经注册购买了域名，也有了一个租用的服务器空间，接下来就是最重要的工
作了，发布你的网站到服务器上。我们要做的事情就是把我们本地的HTML 文件和图片资源传送到服务器的根目录，如下图：
第四章 5 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
Q ：等一下，等一下，什么叫“什么叫“根目录”根目录”？
A ：根目录就是你的网站页面所在的顶级目录。在Web 服务器上，根目录更加重要，因为根目录下的任何文件都可以在互联网上访问到。
Q ：我的网站空间提供商设定我的根目录为“，这样有问题吗？我的网站空间提供商设定我的根目录为“mydomian_com”这样有问题吗？
A ：没有任何问题。网站空间提供商可以随意指定你的根目录。你必须知道的是根目录的位置在哪里，这样你才可以把你的网站复制到根目录。
Q ：我们把网站的所有页面和资源都放在某个目录下，我们把网站的所有页面和资源都放在某个目录下，这个目录就是根目录，这个目录就是根目录，现在我们需要把根目录下的所有文件复制到服务器的根目录下，需要把根目录下的所有文件复制到服务器的根目录下，对吗？对吗？
A ：完全正确。你将要把你本地计算机的所有页面都传送到服务器的根目录。 第四章 6 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
Q ：子目录怎么办？子目录怎么办？比如说“比如说“images ”文件夹。文件夹。我也需要复制他们吗？我也需要复制他们吗？
A ：是的，你需要把本地计算机根目录下的所有子目录、文件复制到服务器的根目录。因此，如果你本地的根目录下有一个“images ”文件夹，你也需要在服务器上有一个。 使用FTP 传送你的文件到服务器
一般这个操作的都是通过ftp
软件来做的，在这里我们使用免费的
FileZilla 来做示范：
第四章 7 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
空间提供商会提供给大家主机地址，用户名，密码，端口号。大家按照提供的信息依次填写就可以了。这里没有写端口号，意思是使用默认端口，也就是21号端口。左边显示“本地站点”列出的是本地计算机的文件和目录。右边“远程站点”列出的是服务器的目录结构。这里很明显我们需要把我们的网站文件传送到服务器的www 文件夹下，只需要选定本地的所有文件，拖动到右边的窗口就可以了。在这里注意，网站的默认页面，一般都是index.html 或default.html ，可以和空间提供商确认。
这样，我们的网站就发布完成了。最后需要做的就是设置一下域名，一般空间提供商和域名提供商是一家，他们都会帮你设置好。至此，你就可以通过http://www.hnaccp.com 访问你的网站了。
什么是HTTP 协议？协议？
HTTP 协议全称是超文本传输协议（HyperText Transfer Protocol ）。换句话说，它是一种在互联网上传输超文本文档的协议。同时“超文本文档”通常是HTML
页面，这个协议还可以用来传输图片，或其他Web 页面需要的文件。
第四章 8 / 12
,翻译：翻译：谢启祥【谢启祥【欢迎反馈信息：欢迎反馈信息：qixiangxie@gmail.com】 2010年1月24日
HTTP 协议是一种简单的应答式协议。下图表示它的工作方式：
什么是什么是绝对路径绝对路径？路径？
那么对于一个网站的资源我们就有两种方式来访问，其中一种是相对路径，另外一种就是绝对路径。相对路径必须确定当前位置，然后才能确定路径如何写，绝对路径无 第四章 9 / 12