第15章測試、發(fā)布、管理和維護網(wǎng)站

1、網(wǎng)頁設(shè)計與制作案例教程（第2版） http:/第第15章章 測試、發(fā)布、管理和維護網(wǎng)站網(wǎng)頁設(shè)計與制作案例教程（第2版）網(wǎng)站建設(shè)完畢，只有將其上傳到Internet的服務(wù)器上，才能被用戶訪問。在將網(wǎng)站上傳之前，首先要在本地計算機上進行測試，測試內(nèi)容包括頁面內(nèi)容的正確性、網(wǎng)站鏈接正確性、瀏覽器兼容性等。完成測試后，需要通過ISP注冊域名和空間，這樣才能在網(wǎng)上安家。網(wǎng)站上傳之后，要進行宣傳和推廣，讓更多的用戶瀏覽網(wǎng)站。另外還要對網(wǎng)站進行后期的更新維護，以保證其正常運行。本章主要介紹網(wǎng)站的測試、發(fā)布、管理和維護、宣傳和推廣。網(wǎng)頁設(shè)計與制作案例教程（第2版）本章學(xué)習內(nèi)容o15.1 學(xué)習任務(wù)：測試站點o1

2、5.2 學(xué)習任務(wù)：注冊域名、申請空間及發(fā)布網(wǎng)站o15.3 案例1：為網(wǎng)站在Internet上安個家o15.4 學(xué)習任務(wù)：網(wǎng)站的宣傳網(wǎng)頁設(shè)計與制作案例教程（第2版）15.1.1 測試瀏覽器的兼容性不同瀏覽器對網(wǎng)頁顯示效果可能會有很大區(qū)別，特別是對于使用CSS+Div布局的網(wǎng)頁，CSS樣式的兼容性是非常復(fù)雜的問題。為了保證網(wǎng)頁能夠在不同瀏覽器中正常運行，Dreamweaver提供了測試瀏覽器兼容性的功能。“瀏覽器兼容性”測試功能對HTML文檔進行測試，檢查是否有目標瀏覽器所不支持的標簽或?qū)傩浴g覽器兼容性測試可在文檔、目錄或整個站點上運行。需要注意的是，瀏覽器兼容性測試并不檢查站點中的JavaSc

3、ript、VBScript腳本語言。網(wǎng)頁設(shè)計與制作案例教程（第2版）o瀏覽器兼容性測試的步驟請在Dreamweaver中完成案例的制作。 網(wǎng)頁設(shè)計與制作案例教程（第2版）15.1.2 測試鏈接鏈接測試功能用于搜索斷開的鏈接和孤立的文件（所謂孤立的文件，指文件仍然位于站點中，但站點中沒有任何其他文件鏈接到該文件）?？梢詼y試打開的文件、本地站點的某一部分或者整個本地站點的鏈接狀況。請在Dreamweaver中完成案例的制作。 網(wǎng)頁設(shè)計與制作案例教程（第2版）15.1.3 使用報告測試站點在測試站點時，通過使用站點測試報告命令，能夠檢查站點的外部鏈接、合并嵌套字體標簽、遺漏的替換文本、冗余的嵌套標簽

4、、可移除的空標簽和無標題文檔等。在發(fā)布站點之前，可以檢查所選文檔或者整個站點是否存在這些HTML語言方面的問題。運行報告后，可將報告保存為 XML 文件，然后將其導(dǎo)入模板實例、數(shù)據(jù)庫或電子表格中，再將其打印出來或在 Web 站點上進行顯示。請在Dreamweaver中完成案例的制作。 網(wǎng)頁設(shè)計與制作案例教程（第2版）網(wǎng)頁設(shè)計與制作案例教程（第2版）15.2 學(xué)習任務(wù)：注冊域名、申請空間及發(fā)布網(wǎng)站網(wǎng)站上傳到Internet之前，需要注冊域名和申請網(wǎng)絡(luò)空間?？臻g是在Internet服務(wù)器上存放網(wǎng)站文件的場所，相當于網(wǎng)站的“家”。通過在瀏覽器中輸入網(wǎng)站域名，用戶就可以瀏覽網(wǎng)站。域名相當于網(wǎng)站的地址。

5、o本節(jié)學(xué)習任務(wù)本節(jié)學(xué)習任務(wù)掌握域名基本概念及分類，域名注冊技巧；掌握空間的申請方法，發(fā)布網(wǎng)站的步驟。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.2.1 注冊域名域名是用于識別和定位互聯(lián)網(wǎng)上計算機層次結(jié)構(gòu)的字符標識，與該主機的IP地址相互對應(yīng)。域名和IP地址相比，更容易理解和記憶。域名服務(wù)（Domain Name Service）是互聯(lián)網(wǎng)的一項基本服務(wù)。網(wǎng)頁設(shè)計與制作案例教程（第2版）1域名的分類域名可分為不同級別，包括頂級域名、二級域名等。頂級域名又分為兩類：一是國家頂級域名，目前200多個國家都按照ISO 3166國家代碼分配了頂級域名，例如中國是cn，美國是us，日本是jp等；二是國際頂級域名，

6、例如表示工商企業(yè)的com，表示網(wǎng)絡(luò)提供商的net，表示非盈利組織的org等。二級域名是指頂級域名之下的域名，在國際頂級域名下，它是指域名注冊人的網(wǎng)上名稱，例如ibm、 yahoo、 microsoft等；在國家頂級域名下，它是表示注冊企業(yè)類別的符號，例如com、 edu、gov、net等。網(wǎng)頁設(shè)計與制作案例教程（第2版）2域名注冊域名的注冊遵循先申請先注冊原則，管理機構(gòu)對申請人提出的域名是否違反了第三方的權(quán)利不進行任何實質(zhì)審查。同時，每一個域名的注冊都是獨一無二、不可重復(fù)的。因此，在網(wǎng)絡(luò)上，域名是一種相對有限的資源，它的價值隨著注冊企業(yè)的增多而逐步為人們所重視。在注冊域名的時候，要遵循兩個基本

7、原則。網(wǎng)頁設(shè)計與制作案例教程（第2版）2域名注冊域名應(yīng)該簡明易記，便于輸入。這是判斷域名好壞最重要的因素。一個好的域名應(yīng)該短而順口，便于記憶，最好讓人看一眼就能記住，而且讀起來發(fā)音清晰，不會導(dǎo)致拼寫錯誤。例如，淘寶網(wǎng)的域名taobao。此外，域名選取還要避免同音異義詞。域名要有一定的內(nèi)涵和意義。用有一定意義和內(nèi)涵的詞或詞組作域名，不但便于記憶，而且有助于實現(xiàn)企業(yè)的營銷目標。例如企業(yè)的名稱、產(chǎn)品名稱、商標名、品牌名等都是不錯的選擇，這樣能夠使企業(yè)的網(wǎng)絡(luò)營銷目標和非網(wǎng)絡(luò)營銷目標達成一致。例如，聯(lián)想以其商標lenovo作為域名。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.2.2 申請空間域名注冊之后，就要

8、為自己的網(wǎng)站在Internet上申請服務(wù)器空間，以便用戶通過Internet訪問網(wǎng)站。網(wǎng)絡(luò)空間分為免費和收費兩種，對于非商業(yè)用戶，可以申請免費空間。目前，網(wǎng)上有很多提供免費空間的服務(wù)商，現(xiàn)介紹在5944網(wǎng)上申請免費空間的步驟。網(wǎng)頁設(shè)計與制作案例教程（第2版）1）在IE瀏覽器地址欄輸入http:/，打開該網(wǎng)站，如圖15-11所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）2）如果尚未注冊，單擊【注冊】按鈕，打開注冊頁面，如圖15-12所示。3）填寫注冊信息后，單擊【注冊】按鈕完成免費的空間和域名注冊，如圖15-13所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）4）在IE瀏覽器的地址欄中輸入申請空間的域名，可以訪問

9、剛申請的空間，如圖15-14所示。該空間尚未上傳網(wǎng)站。可以使用Dreamweaver上傳站點，也可以下載CuteFTP等第三方軟件上傳站點。網(wǎng)頁設(shè)計與制作案例教程（第2版）免費空間美中不足之處是網(wǎng)站空間有限、提供服務(wù)質(zhì)量一般、空間不是很穩(wěn)定、域名不能隨心所欲。若有更多需求可以考慮到大的服務(wù)提供商申請收費空間，以獲得高質(zhì)量的服務(wù)，有條件的公司，可在企業(yè)內(nèi)部建立專門的網(wǎng)絡(luò)服務(wù)器，以提升網(wǎng)站的服務(wù)質(zhì)量。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.2.3 發(fā)布站點申請了域名空間，就可以將站點發(fā)布到服務(wù)器中，供用戶訪問瀏覽。1）在Dreamweaver的菜單欄中選擇“站點管理站點”命令，彈出“管理站點”對話框

10、，如圖15-15所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）2）在“管理站點”對話框中，選擇已有的站點“school”，單擊【編輯】按鈕，在彈出“school的站點定義為”對話框中，切換到“高級”選項卡，在“分類”列表框中選擇遠程信息，按照申請的免費域名空間，配置站點的遠程服務(wù)器屬性，如圖15-16所示，配置完畢后，單擊【確定】按鈕。 網(wǎng)頁設(shè)計與制作案例教程（第2版）網(wǎng)頁設(shè)計與制作案例教程（第2版）3）設(shè)置好信息后，在Dreamweaver中的“文件”面板中選擇要發(fā)布的站點“school”，如圖15-17所示。4）單擊鼠標右鍵，在彈出的快捷菜單中選擇“發(fā)布”命令，或者單擊“文件”面板中的 按鈕，進行

11、鏈接、測試并上傳站點。鏈接測試狀況如圖15-18所示。5）鏈接測試無誤后，Dreamweaver自動將網(wǎng)站上傳到服務(wù)器上。上傳完畢，在IE瀏覽器中輸入該網(wǎng)站域名，即可瀏覽網(wǎng)站。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.3 案例1：為網(wǎng)站在Internet上安個家學(xué)習目標學(xué)習目標 登錄萬網(wǎng)申請域名，通過互易中國ISP租用的Web空間，使用CuteFTP上傳網(wǎng)站并通過瀏覽器訪問站點。 知識要點知識要點 域名的申請，租用ISP空間，使用CuteFTP上傳網(wǎng)站，瀏覽網(wǎng)站。網(wǎng)頁設(shè)計與制作案例教程（第2版）建好的網(wǎng)站，若想上傳到網(wǎng)站上以供訪問，必須要申請域名、租用空間，待域名備案審核通過后，再使用FTP軟件將

12、網(wǎng)站上傳到空間中。現(xiàn)通過具體實例介紹其步驟。1）打開瀏覽器，輸入網(wǎng)址“http:/”，登錄萬網(wǎng)網(wǎng)站（若沒有萬網(wǎng)賬號，需要先注冊一個賬號）。單擊導(dǎo)航欄中的“域名注冊”，注冊域名。輸入域注冊的中文域名，并選擇域名后綴，檢索該域名是否可以注冊，如圖15-20所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）網(wǎng)頁設(shè)計與制作案例教程（第2版）2）選擇想要注冊的域名，單擊網(wǎng)頁下面的“所選域名加入購物車”按鈕，使用網(wǎng)銀或支付寶進行結(jié)算。結(jié)算后可以進入個人中心管理所注冊的域名。如圖15-21所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）3）域名申請完畢，需要通過ISP向工業(yè)和信息化部提交備案申請。備案通過后，該域名才能使用。備案

13、步驟請參考有關(guān)資料或咨詢ISP服務(wù)商。4）服務(wù)器空間的租用。不同的ISP所提供的服務(wù)器空間大小、支持的程序和數(shù)據(jù)庫都是有所不同的。目前國內(nèi)有很多優(yōu)秀的服務(wù)器提供商，例如萬網(wǎng)、互易中國等。打開瀏覽器，輸入網(wǎng)址“http:/”，輸入用戶名密碼，登錄互易中國網(wǎng)站（若沒有互易中國的賬號，需要先行注冊）。在導(dǎo)航欄中單擊“云主機”，在彈出的導(dǎo)航菜單中選擇需要申請的主機類型。如圖15-22所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）網(wǎng)頁設(shè)計與制作案例教程（第2版）5）申請完畢后，通過網(wǎng)銀或支付寶等進行付費。進入會員中心，單擊“虛擬主機管理”，可對虛擬主機進行管理。如圖15-23所示。網(wǎng)頁設(shè)計與制作案例教程（第2版

14、）6）單擊“控制面板”圖標，可對虛擬主機信息進行維護和管理。如圖15-24所示。重要的模塊有FTP設(shè)置、域名綁定、默認首頁等。其中在“域名綁定”模塊輸入在萬網(wǎng)申請的域名。網(wǎng)頁設(shè)計與制作案例教程（第2版）7）域名和空間申請完畢，然后將網(wǎng)站上傳到服務(wù)器。打開CuteFTP軟件，輸入申請?zhí)摂M主機的IP地址、賬號、密碼，端口為FTP默認端口21，單擊“連接”按鈕 ，連接到所申請的服務(wù)器。選擇本地磁盤上的網(wǎng)站文件，右擊鼠標并選擇“上傳”命令，將網(wǎng)站傳到服務(wù)器上。如圖15-25所示。網(wǎng)頁設(shè)計與制作案例教程（第2版）8）輸入網(wǎng)址“http/”，瀏覽網(wǎng)站。效果如圖15-26所示。網(wǎng)頁設(shè)計與制作案例教程（第2版

15、） 案例小結(jié) 網(wǎng)站最終要上傳到Web服務(wù)器上才能被用戶瀏覽。案例介紹了域名的申請、虛擬主機租用，以及將網(wǎng)站通過FTP工具上傳到服務(wù)器的具體步驟。由于篇幅所限，未提及的內(nèi)容如域名備案等，可以查閱相關(guān)文檔。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.4 學(xué)習任務(wù)：網(wǎng)站的宣傳建好網(wǎng)站后，為了吸引更多的瀏覽者，很重要的后續(xù)工作是網(wǎng)站的宣傳和推廣。網(wǎng)站的宣傳和推廣是提高網(wǎng)站知名度、充分發(fā)揮網(wǎng)站功效的重要手段。宣傳手段多種多樣，下面介紹幾種最常用也是最有效的方法。本節(jié)學(xué)習任務(wù)本節(jié)學(xué)習任務(wù)掌握登錄搜索引擎、交換鏈接、網(wǎng)絡(luò)廣告等網(wǎng)站宣傳和推廣手段。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.4.1 提交搜索引擎搜索引擎在

16、網(wǎng)絡(luò)上的作用越來越大。將站點提交給谷歌、百度等知名的搜索引擎，可以提高網(wǎng)站訪問量。現(xiàn)在以百度為例，介紹如何將網(wǎng)站提交費搜索引擎。1）在瀏覽器地址欄輸入“http:/ 友情鏈接友情鏈接可以給一個網(wǎng)站帶來穩(wěn)定的客流，還有助于網(wǎng)站在百度、谷歌等搜索引擎中提升排名。最好能鏈接一些流量比自己高的、有知名度的網(wǎng)站，或者是和自己內(nèi)容互補的網(wǎng)站，或者是同類網(wǎng)站，鏈接同類網(wǎng)站時要保證自己網(wǎng)站有獨特、吸引人之處。為其他網(wǎng)站設(shè)置友情鏈接時，要做到鏈接和自身網(wǎng)站風格一致，保證鏈接不會影響自己網(wǎng)站的整體美觀效果。同時也要為自己的網(wǎng)站制作一個有風格的鏈接Logo以供交換鏈接。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.4.3

17、網(wǎng)絡(luò)廣告網(wǎng)絡(luò)媒介的主要受眾是網(wǎng)民，有很強的針對性，借助于網(wǎng)絡(luò)媒介的廣告是一種很有效的宣傳方式。目前，網(wǎng)站上廣告鋪天蓋地，足以證明網(wǎng)絡(luò)廣告在推廣宣傳方面的威力。網(wǎng)絡(luò)廣告投放雖然要花錢，但是給網(wǎng)站帶來的流量卻是很可觀的，不過如何花最少的錢，獲得最好的效果，這就需要許多技巧了。網(wǎng)頁設(shè)計與制作案例教程（第2版）15.4.4 郵件廣告使用廣告郵件，用戶針對性強，節(jié)省費用。但廣告郵件大都被視為垃圾郵件，主要的原因是因為郵件地址選擇、郵件設(shè)計等原因。廣告郵件要精心設(shè)計，發(fā)給特定的用戶群，才能發(fā)揮其功效。在制作廣告郵件時，建議標題要吸引人、簡單明了。在內(nèi)容上，最好采用HTML格式，另外排版一定要清晰，同時要保證廣告內(nèi)容的真實性