Head First HTML With CSS &XHTML[翻譯：謝啟祥]2010/1/24[有任何翻譯不當(dāng)?shù)牡胤秸埌l(fā)郵件到：qixiangxie@gmail.com反饋，謝謝]

Head First HTML With CSS &

XHTML

[翻譯：謝啟祥]

2010/1/24

[有任何翻譯不當(dāng)?shù)牡胤秸埌l(fā)郵件到：qixiangxie@gmail.com反饋，謝謝]

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

第四章 發(fā)布Web 網(wǎng)站

—— A Trip to Webville

第四章 1 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

把我們的網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上

如何讓所有的人都能看到我們制作的Web 頁面呢？你現(xiàn)在要做的就是要找到一個ISP （互聯(lián)網(wǎng)服務(wù)提供商），比如國內(nèi)的中國萬網(wǎng)，中國信息港等等，他們會提供服務(wù)器給我們使用，當(dāng)然不是免費的。下面是我們要做的：

A. 找一個域名空間提供商（中國萬網(wǎng)、中國信息港等）

B. 申請域名（如：”）

C. 使用某種方式把你的web 頁面發(fā)送到服務(wù)器上

D. 告訴你的親朋好友你的域名，讓他們能夠訪問

第一步：第一步：選擇一個ISP

把網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上，我們需要在互聯(lián)網(wǎng)上有一臺服務(wù)器。你可以自己購買服務(wù)器，然后托管到IDC （如景安）那里，也可以到ISP 提供商（景安也有這樣的業(yè)務(wù)，中國信息港等等）申請一些網(wǎng)站空間。這里有一些建議：

技術(shù)支持：ISP 是否有足夠強的技術(shù)支持能力，比較好的ISP 都會及時的幫助你

解決各種問題，有一些響應(yīng)就慢一些。出了問題解決的時間可能也常一些。

數(shù)據(jù)傳輸量：有一些ISP 限制網(wǎng)站的流量，比如一天的流量不能大于1G ，這樣

的限制，在購買之前需要考慮一下，你的網(wǎng)站大概的流量是多少。

備份：ISP 是否有定期的備份策略，是否能夠在硬件出問題的情況下恢復(fù)你的數(shù)

據(jù)。

域名：ISP 是否有域名服務(wù)？

額外的服務(wù)：是否有額外的服務(wù)，如電子郵件，論壇，支持的各種服務(wù)器腳本

（如asp ，php ，asp.net 等）

第二步：第二步：申請域名

第四章 2 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

什么是域名？什么是域名？

即使你從來沒有聽說過域名，其實你已經(jīng)看到和使用過很多了。你應(yīng)該知道：……google.com ，yahoo.com ，amazon.com ，disney.com ，嗯，也許有一些你不想提到的域名。

那么，到底什么是域名呢？域名是能夠找到你的網(wǎng)站的唯一名稱。這里有個示例：

域名由ICANN[互聯(lián)網(wǎng)名稱與數(shù)字地址分配機構(gòu)， 是一個非營利性的國際組織， 負(fù)責(zé)互聯(lián)網(wǎng)協(xié)議（ IP ）地址的空間分配、 協(xié)議標(biāo)識符的指派、通用頂級域名（ gTLD ）以及國家和地區(qū)頂級域名 （ ccTLD ）系統(tǒng)的管理、以及根服務(wù)器系統(tǒng)的管理。]確定某一個時刻只有一個機構(gòu)或個人使用某個確定的域名。但是，你需要支付少量的費用。

對于域名的申請，在國內(nèi)，可以通過中國萬網(wǎng)，新網(wǎng)互聯(lián)來申請。不過，現(xiàn)在除了申請域名，請域名，還必須到信產(chǎn)部的網(wǎng)站上進(jìn)行備案還必須到信產(chǎn)部的網(wǎng)站上進(jìn)行備案，才能使用，才能使用，備案的流程也是很漫長的，備案的流程也是很漫長的，所以要有心理準(zhǔn)備，所以要有心理準(zhǔn)備，嗯，在這里也順便BS 一下BT 政府網(wǎng)站的不入流水準(zhǔn)。政府網(wǎng)站的不入流水準(zhǔn)。

那么，到底我們應(yīng)該怎樣注冊一個域名呢？那么下圖的中國信息港給我們提供了正確

的流程，首先要查詢你要申請的域名是否有人使用了，然后，注冊你需要的域名，和客服聯(lián)系，交錢，OK 。下圖是中國信息港的首頁：

第四章 3 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

我們怎樣確定域名已經(jīng)開通了呢？這就需要使用

whois

服務(wù)，到下面的站點，輸入你申請的域名，可以查詢當(dāng)前域名的情況：如申請時間，過期時間等……

第四章 4 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

Q ：為什么叫“，怎么不叫“為什么叫“域名”域名”怎么不叫“網(wǎng)站名”網(wǎng)站名”呢？

A ：因為他們是完全不同的東西。比如說：“www.hnaccp.com ”，它是一個網(wǎng)站名，但是，只有“hnaccp.com ”這部分是域名。我們還可以在同一個域名下面添加更多的網(wǎng)站，比如說“student.hnaccp.com ”、“teacher.hnaccp.com ”。也就是說在一個域名下面我們可以很多個網(wǎng)站。

Q ：如果我有一個域名“hnaccp.com ”，其實我真正想要的不是“www.hnaccp.com ”嗎？每一網(wǎng)站似乎都使用www 做為網(wǎng)站的名字前綴。做為網(wǎng)站的名字前綴。

A ：嗯，不要把域名和網(wǎng)站名混淆了：“hnaccp.com ”是域名，另外“www.hnaccp.com ”是網(wǎng)站名。購買一個域名就像購買了一塊土地，比如100mainstreet.com ，在這塊土地上，你可以建造任意多的網(wǎng)站你，比如：home.100mainstreet.com ，toolshed.100mainstreet.com ，和outhouse.100mainsteet.com 。因此，你就明白了www.hnaccp.com 只不過是“hnaccp.com ”域名下的一個網(wǎng)站而已。

第三步：第三步：發(fā)布Web 頁面到服務(wù)器上

如果你已經(jīng)注冊購買了域名，也有了一個租用的服務(wù)器空間，接下來就是最重要的工

作了，發(fā)布你的網(wǎng)站到服務(wù)器上。我們要做的事情就是把我們本地的HTML 文件和圖片資源傳送到服務(wù)器的根目錄，如下圖：

第四章 5 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

Q ：等一下，等一下，什么叫“什么叫“根目錄”根目錄”？

A ：根目錄就是你的網(wǎng)站頁面所在的頂級目錄。在Web 服務(wù)器上，根目錄更加重要，因為根目錄下的任何文件都可以在互聯(lián)網(wǎng)上訪問到。

Q ：我的網(wǎng)站空間提供商設(shè)定我的根目錄為“，這樣有問題嗎？我的網(wǎng)站空間提供商設(shè)定我的根目錄為“mydomian_com”這樣有問題嗎？

A ：沒有任何問題。網(wǎng)站空間提供商可以隨意指定你的根目錄。你必須知道的是根目錄的位置在哪里，這樣你才可以把你的網(wǎng)站復(fù)制到根目錄。

Q ：我們把網(wǎng)站的所有頁面和資源都放在某個目錄下，我們把網(wǎng)站的所有頁面和資源都放在某個目錄下，這個目錄就是根目錄，這個目錄就是根目錄，現(xiàn)在我們需要把根目錄下的所有文件復(fù)制到服務(wù)器的根目錄下，需要把根目錄下的所有文件復(fù)制到服務(wù)器的根目錄下，對嗎？對嗎？

A ：完全正確。你將要把你本地計算機的所有頁面都傳送到服務(wù)器的根目錄。 第四章 6 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

Q ：子目錄怎么辦？子目錄怎么辦？比如說“比如說“images ”文件夾。文件夾。我也需要復(fù)制他們嗎？我也需要復(fù)制他們嗎？

A ：是的，你需要把本地計算機根目錄下的所有子目錄、文件復(fù)制到服務(wù)器的根目錄。因此，如果你本地的根目錄下有一個“images ”文件夾，你也需要在服務(wù)器上有一個。 使用FTP 傳送你的文件到服務(wù)器

一般這個操作的都是通過ftp

軟件來做的，在這里我們使用免費的

FileZilla 來做示范：

第四章 7 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

空間提供商會提供給大家主機地址，用戶名，密碼，端口號。大家按照提供的信息依次填寫就可以了。這里沒有寫端口號，意思是使用默認(rèn)端口，也就是21號端口。左邊顯示“本地站點”列出的是本地計算機的文件和目錄。右邊“遠(yuǎn)程站點”列出的是服務(wù)器的目錄結(jié)構(gòu)。這里很明顯我們需要把我們的網(wǎng)站文件傳送到服務(wù)器的www 文件夾下，只需要選定本地的所有文件，拖動到右邊的窗口就可以了。在這里注意，網(wǎng)站的默認(rèn)頁面，一般都是index.html 或default.html ，可以和空間提供商確認(rèn)。

這樣，我們的網(wǎng)站就發(fā)布完成了。最后需要做的就是設(shè)置一下域名，一般空間提供商和域名提供商是一家，他們都會幫你設(shè)置好。至此，你就可以通過http://www.hnaccp.com 訪問你的網(wǎng)站了。

什么是HTTP 協(xié)議？協(xié)議？

HTTP 協(xié)議全稱是超文本傳輸協(xié)議（HyperText Transfer Protocol ）。換句話說，它是一種在互聯(lián)網(wǎng)上傳輸超文本文檔的協(xié)議。同時“超文本文檔”通常是HTML

頁面，這個協(xié)議還可以用來傳輸圖片，或其他Web 頁面需要的文件。

第四章 8 / 12

翻譯：翻譯：謝啟祥【謝啟祥【歡迎反饋信息：歡迎反饋信息：qixiangxie@gmail.com】 2010年1月24日

HTTP 協(xié)議是一種簡單的應(yīng)答式協(xié)議。下圖表示它的工作方式：

什么是什么是絕對路徑絕對路徑？路徑？

那么對于一個網(wǎng)站的資源我們就有兩種方式來訪問，其中一種是相對路徑，另外一種就是絕對路徑。相對路徑必須確定當(dāng)前位置，然后才能確定路徑如何寫，絕對路徑無 第四章 9 / 12