網(wǎng)頁(yè)的測(cè)試與發(fā)布

1、第十六章 網(wǎng)頁(yè)的測(cè)試與發(fā)布用戶(hù)創(chuàng)建了Web頁(yè)之后，通?？梢灾苯訉⑵浔４嬖谟脖P(pán)、軟盤(pán)或光盤(pán)上，作為一種電子文檔，也可以將其發(fā)布到Internet上，以便讓全世界的瀏覽者都能夠進(jìn)行瀏覽。本章主要介紹進(jìn)行網(wǎng)頁(yè)測(cè)試和發(fā)布的方法。通過(guò)本章的學(xué)習(xí)，讀者應(yīng)該掌握以下內(nèi)容：·申請(qǐng)域名和主頁(yè)空間的方法·網(wǎng)頁(yè)測(cè)試的方法·如何發(fā)布網(wǎng)頁(yè)·宣傳自己的網(wǎng)頁(yè)16.1 申請(qǐng)域名和主頁(yè)空間網(wǎng)站的發(fā)布首先要考慮的是以什么樣的域名發(fā)布，發(fā)布在什么地方，即要申請(qǐng)域名和主頁(yè)空間。目前，可以有多種方式申請(qǐng)域名和主頁(yè)空間。如果是個(gè)人網(wǎng)站，最簡(jiǎn)單的方式就是在Internet服務(wù)供應(yīng)商(ISP)的服務(wù)器

2、下申請(qǐng)一個(gè)域名和一個(gè)主頁(yè)空間。 申請(qǐng)域名通常申請(qǐng)的域名有兩種類(lèi)型，一種是收費(fèi)的，另一種是免費(fèi)的。現(xiàn)在大部分域名都是收費(fèi)的，免費(fèi)的申請(qǐng)?jiān)絹?lái)越少。目前接受收費(fèi)域名申請(qǐng)的ISP很多，圖16-1所示是“搜狐”網(wǎng)站上的收費(fèi)域名申請(qǐng)頁(yè)面。用戶(hù)申請(qǐng)收費(fèi)域名后，有的還提供一定的主頁(yè)空間，可以直接上傳發(fā)布網(wǎng)頁(yè)。收費(fèi)域名的好處是服務(wù)有保證，功能比較多。圖16-2為“3939”網(wǎng)站上的免費(fèi)域名申請(qǐng)頁(yè)面。這里不僅提供域名，還提供主頁(yè)空間。目前提供免費(fèi)域名的網(wǎng)站還有http：/，http：/my.126.apply-new.htm，http：/ 申請(qǐng)主頁(yè)空間與申請(qǐng)域名一樣，申請(qǐng)主頁(yè)空間也有免費(fèi)和收費(fèi)兩種情況，而且大部分

3、都是收費(fèi)的，免費(fèi)的很少。圖16-3為“網(wǎng)易”網(wǎng)站上的申請(qǐng)收費(fèi)個(gè)人空間，圖16-4為“中文雅虎”網(wǎng)站上的申請(qǐng)免費(fèi)個(gè)人空間。16.2 測(cè)試網(wǎng)頁(yè)在將站點(diǎn)上傳到服務(wù)器供瀏覽之前，最好先在本地對(duì)其進(jìn)行測(cè)試。實(shí)際上，在站點(diǎn)建設(shè)過(guò)程中，最好不斷地對(duì)站點(diǎn)進(jìn)行測(cè)試并解決出現(xiàn)的問(wèn)題，以便盡早發(fā)現(xiàn)問(wèn)題，避免重復(fù)出錯(cuò)。要確保網(wǎng)頁(yè)在目標(biāo)瀏覽器中正常地顯示和工作，沒(méi)有斷開(kāi)的鏈接，而且頁(yè)面下載也不占用太長(zhǎng)時(shí)間，還可以通過(guò)運(yùn)行站點(diǎn)報(bào)告測(cè)試整個(gè)站點(diǎn)，并解決出現(xiàn)的問(wèn)題。通常測(cè)試網(wǎng)頁(yè)主要包括以下步驟。(1)設(shè)置瀏覽器的兼容性。(2)測(cè)試站點(diǎn)。(3)測(cè)試網(wǎng)絡(luò)連接。 設(shè)置瀏覽器的兼容性在Internet上瀏覽網(wǎng)頁(yè)時(shí)，可能會(huì)出現(xiàn)網(wǎng)頁(yè)中的

4、某些元素?zé)o法正常顯示的情況，這是因?yàn)樵L問(wèn)者使用的瀏覽器不支持網(wǎng)頁(yè)中的某些技術(shù)(例如，框架、動(dòng)態(tài)HTML、JavaScript和Java小程序等)，即瀏覽器不兼容這些功能。為了避免在不同類(lèi)型和版本的瀏覽器中出現(xiàn)某些元素不能正常顯示的現(xiàn)象，在站點(diǎn)發(fā)布前必須設(shè)置瀏覽器的兼容性。Internet上存在著多種多樣的瀏覽器，目前最流行的有Internet Explorer和Netscape Navigator兩種。一般只要滿(mǎn)足這兩個(gè)瀏覽器的要求就可以了。在Dreamweaver MX中檢查網(wǎng)頁(yè)對(duì)瀏覽器的兼容性，可按如下步驟進(jìn)行。(1)在站點(diǎn)窗口中，選擇要檢查的目標(biāo)對(duì)象，可以是文件，也可以是目錄。如果是根目

5、錄，則對(duì)整個(gè)站點(diǎn)進(jìn)行檢查。(2)選擇“文件”“檢查頁(yè)”“檢查目標(biāo)瀏覽器”菜單命令。如果尚未選擇瀏覽器，Dreamweaver MX將出現(xiàn)如圖16-5所示的“檢查目標(biāo)瀏覽器”對(duì)話(huà)框，提示選擇目標(biāo)瀏覽器。若對(duì)當(dāng)前文檔運(yùn)行該檢查，首先系統(tǒng)提示要保存文件。Dreamweaver對(duì)文件的最新保存版本執(zhí)行該檢查，而不包含未保存的更改。(3)從瀏覽器列表中選擇需要的目標(biāo)瀏覽器，單擊“檢查”按鈕，即開(kāi)始檢查過(guò)程。(4)檢查完畢，檢查報(bào)告將顯示在“結(jié)果”面板的“目標(biāo)瀏覽器檢查”選項(xiàng)下，如圖16-6所示。圖16-6 目標(biāo)瀏覽器的檢查結(jié)果(5)若要保存該報(bào)告，請(qǐng)單擊“結(jié)果”面板上的“保存報(bào)告”按鈕。注意：檢查目標(biāo)瀏

6、覽器功能只對(duì)文檔中的HTML進(jìn)行測(cè)試，檢查是否有目標(biāo)瀏覽器所不支持的任何標(biāo)簽或?qū)傩?。此檢查對(duì)文檔不作任何方式的更改。使用Microsoft FrontPage可以設(shè)計(jì)與特定的瀏覽器及技術(shù)兼容的Web站點(diǎn)。例如，可以設(shè)計(jì)與Microsoft Internet Explorer和Netscape Navigator都兼容的Web站點(diǎn)，或者設(shè)計(jì)使其與所有2003版本的瀏覽器都兼容的Web站點(diǎn)。 測(cè)試站點(diǎn)在將站點(diǎn)上傳到服務(wù)器并宣布已經(jīng)可供瀏覽之前，最好先在本地計(jì)算機(jī)上對(duì)其進(jìn)行一下測(cè)試，因?yàn)樵谡军c(diǎn)或者網(wǎng)頁(yè)中可能會(huì)存在許多問(wèn)題。例如，可能會(huì)有某個(gè)文件丟失或者某個(gè)超鏈接斷開(kāi)的情況發(fā)生。這些問(wèn)題如果不能及時(shí)得

7、到解決，即使站點(diǎn)發(fā)布了，當(dāng)瀏覽者訪問(wèn)站點(diǎn)時(shí)，可能是空白一片或僅顯示出一部分。由此可以看出，在站點(diǎn)發(fā)布之前對(duì)其進(jìn)行測(cè)試是非常重要的。站點(diǎn)的測(cè)試主要包括檢查超鏈接、修復(fù)超鏈接、在瀏覽器中預(yù)覽頁(yè)面等。1.檢查超鏈接查看站點(diǎn)中的所有內(nèi)部超鏈接，可以在整個(gè)站點(diǎn)中查找被中斷的超鏈接和未被使用的文件，確保站點(diǎn)內(nèi)的超鏈接完整性。檢查超鏈接功能可用來(lái)在打開(kāi)的文件、本地站點(diǎn)的某一部分或者整個(gè)本地站點(diǎn)中搜索斷開(kāi)的鏈接和未被引用的文件。Dreamweaver只驗(yàn)證那些指向站點(diǎn)內(nèi)文檔的鏈接，對(duì)于出現(xiàn)在選定文檔中的外部鏈接，則編輯成一個(gè)列表，但并不驗(yàn)證它們。(1)檢查整個(gè)站點(diǎn)中的鏈接選擇“站點(diǎn)”“站點(diǎn)文件”命令，打開(kāi)站點(diǎn)

8、面板(如圖2-3所示)，從“當(dāng)前站點(diǎn)”彈出式菜單中選擇一個(gè)站點(diǎn)。選擇“站點(diǎn)”“檢查站點(diǎn)范圍內(nèi)的鏈接”命令，開(kāi)始檢查過(guò)程。檢查結(jié)束，檢查結(jié)果將出現(xiàn)在“結(jié)果”面板的“鏈接檢查器”選項(xiàng)下。若要保存此報(bào)告，請(qǐng)單擊面板上的“保存報(bào)告”按鈕。檢查整個(gè)站點(diǎn)中鏈接的詳細(xì)過(guò)程可參考本書(shū)節(jié)。(2)檢查本地站點(diǎn)某一部分中的鏈接若要檢查本地站點(diǎn)某一部分中的鏈接，可執(zhí)行如下操作。選擇“站點(diǎn)”“站點(diǎn)文件”命令，打開(kāi)站點(diǎn)面板，從“當(dāng)前站點(diǎn)”彈出式菜單中選擇一個(gè)站點(diǎn)。在“本地視圖”中，選擇要檢查的文件或文件夾。選擇“文件”“檢查頁(yè)”“檢查鏈接”菜單命令，即開(kāi)始檢查過(guò)程。檢查結(jié)束，檢查結(jié)果將出現(xiàn)在“結(jié)果”面板的“鏈接檢查器”選

9、項(xiàng)下。在“顯示”下拉列表中，可以選擇要檢查的鏈接方式：斷開(kāi)的鏈接和外部鏈接。若要保存此報(bào)告，請(qǐng)單擊面板上的“保存報(bào)告”按鈕。(3)檢查當(dāng)前文檔內(nèi)的鏈接檢查當(dāng)前文檔內(nèi)的鏈接的方法如下。將此文件保存在本地Dreamweaver站點(diǎn)中的某個(gè)位置。選擇“文件”“檢查頁(yè)”“檢查鏈接”菜單命令，即開(kāi)始檢查過(guò)程。檢查結(jié)束，檢查結(jié)果將出現(xiàn)在“結(jié)果”面板的“鏈接檢查器”選項(xiàng)下。在“顯示”下拉列表中，可以選擇要檢查的鏈接方式：斷開(kāi)的鏈接和外部鏈接。若要保存此報(bào)告，請(qǐng)單擊面板上的“保存報(bào)告”按鈕。2.修復(fù)超鏈接驗(yàn)證完當(dāng)前站點(diǎn)中的超鏈接后，中斷的超鏈接就會(huì)顯示在“斷開(kāi)的超鏈接”列表中。為了使網(wǎng)站發(fā)布后鏈接暢通，在發(fā)布

10、之前就要對(duì)這些斷開(kāi)的超鏈接進(jìn)行修復(fù)。修復(fù)超鏈接的操作參見(jiàn)本書(shū)節(jié)。修復(fù)完一處超鏈接，按下Tab鍵確認(rèn)，并開(kāi)始下一處的編輯。修改完畢，按下回車(chē)鍵，確認(rèn)當(dāng)前修改，并退出編輯狀態(tài)。如果鏈接指向的文檔同時(shí)也在其他的地方被引用，則會(huì)出現(xiàn)一個(gè)提示對(duì)話(huà)框，詢(xún)問(wèn)是否同時(shí)修復(fù)所有指向該文檔的鏈接。單擊“是”按鈕，則可以修復(fù)所有指向該文檔的鏈接；單擊“否”按鈕，則只修復(fù)當(dāng)前鏈接。3.在瀏覽器中預(yù)覽頁(yè)面在設(shè)計(jì)和創(chuàng)建網(wǎng)頁(yè)的過(guò)程中，最好經(jīng)常通過(guò)在瀏覽器中預(yù)覽頁(yè)面，來(lái)對(duì)其進(jìn)行測(cè)試。這樣可以及早發(fā)現(xiàn)錯(cuò)誤，避免重復(fù)出錯(cuò)。任何時(shí)候都可在目標(biāo)瀏覽器中預(yù)覽文檔，而不需要先保存該文檔。如果瀏覽器己安裝了必需的插件，與瀏覽器相關(guān)的所有功

11、能都會(huì)起作用。16.3 發(fā)布網(wǎng)站在本地計(jì)算機(jī)上設(shè)置完瀏覽器的兼容性、測(cè)試完站點(diǎn)后，必須構(gòu)建遠(yuǎn)程站點(diǎn)，才能將本地站點(diǎn)的內(nèi)容傳送到Internet服務(wù)器上，形成真正的網(wǎng)站，以供用戶(hù)瀏覽。發(fā)布站點(diǎn)的方法有很多種，用戶(hù)可以用各種通用的FTP工具來(lái)上傳和管理網(wǎng)站，也可以使用Dreamweaver MX本身的FTP功能上傳。Dreamweaver MX內(nèi)置的FTP功能，實(shí)際上就是通過(guò)FTP實(shí)現(xiàn)本地站點(diǎn)和遠(yuǎn)程站點(diǎn)之間的文件傳輸。 定義遠(yuǎn)程站點(diǎn)在Dreamweaver MX中定義遠(yuǎn)程站點(diǎn)的方法如下。(1)打開(kāi)站點(diǎn)窗口，并顯示將要上載的本地站點(diǎn)內(nèi)容。(2)選擇“站點(diǎn)”“編輯站點(diǎn)”命令，打開(kāi)“編輯站點(diǎn)”對(duì)話(huà)框(如

12、圖2-17所示)。(3)選中要設(shè)置遠(yuǎn)程站點(diǎn)的站點(diǎn)名稱(chēng)，然后單擊“編輯”按鈕，打開(kāi)“站點(diǎn)定義為”對(duì)話(huà)框，從左邊的分類(lèi)欄中選擇“遠(yuǎn)程信息”(如圖2-13所示)。(4)進(jìn)行有關(guān)FTP參數(shù)的設(shè)置。·在“訪問(wèn)”下拉列表中選擇“FTP”，此時(shí)“站點(diǎn)定義為”對(duì)話(huà)框如圖16-7所示。圖16-7 定義遠(yuǎn)程站點(diǎn)·在“FTP主機(jī)”文本框中輸入FTP服務(wù)器的名稱(chēng)。注意不要輸入“ftp：/”前綴，如輸入“”。·在“主機(jī)目錄”文本框中輸入發(fā)布站點(diǎn)的目錄，它實(shí)際上是遠(yuǎn)程站點(diǎn)的根目錄。·在“登錄”文本框中輸入登錄賬戶(hù)，即已經(jīng)注冊(cè)的用戶(hù)名。·在“密碼”文本框中輸入用戶(hù)注冊(cè)時(shí)的密

13、碼。如果選中“保存”復(fù)選框，則在文本框中保存輸入的密碼，下次登錄時(shí)就不用再輸入密碼。如果是從一個(gè)防火墻之后向FTP服務(wù)器上傳文件，則可以根據(jù)需要，選中相應(yīng)的復(fù)選框，來(lái)設(shè)置防火墻選項(xiàng)。·使用被動(dòng)防火墻：某些防火墻要求使用被動(dòng)式FTP，也就是說(shuō)，用本地的軟件來(lái)建立FTP，而不是請(qǐng)求遠(yuǎn)程服務(wù)器建立FTP，可以選中該項(xiàng)。·使用防火墻：如果從防火墻之后登錄FTP，可以選中該選項(xiàng)。(5)設(shè)置完畢，單擊“確認(rèn)”按鈕，定義遠(yuǎn)程站點(diǎn)結(jié)束。 連接服務(wù)器定義了遠(yuǎn)程站點(diǎn)之后，還必須建立本地計(jì)算機(jī)同Internet服務(wù)器的真正連接，才能真正構(gòu)建遠(yuǎn)程站點(diǎn)。連接服務(wù)器的方法如下。(1)在站點(diǎn)窗口中顯示要

14、上載的本地站點(diǎn)。(2)選擇“站點(diǎn)”“連接”菜單命令，或單擊站點(diǎn)窗口中的“連接”按鈕。(3)根據(jù)不同的連接遠(yuǎn)程站點(diǎn)的方式，可能會(huì)出現(xiàn)不同的對(duì)話(huà)框。(4)連接成功后，可以看到戰(zhàn)按鈕中的小圓點(diǎn)變成了綠色。在窗口的左邊顯示遠(yuǎn)端服務(wù)器目錄結(jié)構(gòu)，右邊顯示本地機(jī)器文件夾結(jié)構(gòu)。 上傳文件連接完服務(wù)器后，就可以將本地站點(diǎn)中的文件上傳到服務(wù)器上。方法如下。(1)從本地站點(diǎn)窗口選擇要上傳的文件。一般第一次是將整個(gè)網(wǎng)站的內(nèi)容都上傳，以后則可以只上傳修改的文件和新增的文件。(2)選擇“站點(diǎn)”“上傳”菜單命令，或單擊站點(diǎn)窗口中的“上傳”按鈕。如果在選中的文件中引用了其他位置的內(nèi)容，此時(shí)會(huì)出現(xiàn)一個(gè)詢(xún)問(wèn)對(duì)話(huà)框，詢(xún)問(wèn)是否要將這

15、些內(nèi)容上傳。(3)在上傳時(shí)，從狀態(tài)欄中可以看到一個(gè)個(gè)上傳文件被上傳的過(guò)程。根據(jù)連接的速度不同，可能需要經(jīng)過(guò)一段時(shí)間，才能在遠(yuǎn)在站點(diǎn)的窗口中出現(xiàn)上傳的文件。除了可以利用Dreamweaver MX本身的FTP功能上傳網(wǎng)頁(yè)外，還可以用其他軟件來(lái)上傳網(wǎng)頁(yè)。尤其對(duì)于撥號(hào)上網(wǎng)的用戶(hù)來(lái)說(shuō)，Dreamweaver MX本身的FTP功能并不實(shí)用，連接很容易斷開(kāi)。這時(shí)用戶(hù)可以利用其他方法上傳網(wǎng)頁(yè)，如CuteFTP就是一款非常優(yōu)秀的軟件，使用也很簡(jiǎn)單，讀者不妨親自試一試。16.4 宣傳自己的網(wǎng)站網(wǎng)站發(fā)布之后，為了吸引瀏覽者，增加訪問(wèn)量，還需要對(duì)網(wǎng)站進(jìn)行宣傳和推廣。一般商業(yè)網(wǎng)站，常采用網(wǎng)絡(luò)廣告、搜索注冊(cè)、設(shè)置MET

16、E等方法。而對(duì)于個(gè)人網(wǎng)站來(lái)說(shuō)，由于受到資金的限制，可以采用友情鏈接、搜索引擎、設(shè)置METE等方法。其中友情鏈接是最好的方式，和一些著名的網(wǎng)頁(yè)相互鏈接，可以大大提高網(wǎng)頁(yè)的訪問(wèn)量。加入搜索引擎是宣傳網(wǎng)站的一種有效方式。如果是中文網(wǎng)站，最好到中文的搜索引擎中注冊(cè)，以增加被搜索到的機(jī)會(huì)。常見(jiàn)的中文搜索引擎網(wǎng)站有：搜狐(http：/)、中文雅虎(http：/)、網(wǎng)易(http：/)、21世紀(jì)(http：/)等。下面以搜狐網(wǎng)站為例簡(jiǎn)單說(shuō)明加入搜索引擎的方法。(1)進(jìn)入搜狐首頁(yè)，選擇“網(wǎng)站登錄”，打開(kāi)“搜索引擎登錄”頁(yè)面，如圖16-8所示。在“搜索引擎登錄”頁(yè)面中提供了4種類(lèi)型的搜索引擎登錄：固定排序登錄、推廣型登錄、普通型登錄和免費(fèi)登錄。前3種都是收費(fèi)的，只有最后一種是免費(fèi)的，專(zhuān)門(mén)面向非商業(yè)型網(wǎng)站，如政府機(jī)構(gòu)、慈善機(jī)構(gòu)、學(xué)校等，提供免費(fèi)登錄服務(wù)。(2)找到“免費(fèi)登陸”項(xiàng)，單擊“我要登陸”按鈕(如圖16-9所示)，進(jìn)入“免費(fèi)網(wǎng)站登陸”頁(yè)面，如圖16-10所示