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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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