網(wǎng)站測試與發(fā)布
,10.1 測試“千履千尋公司”站點?。保埃保薄 〖嫒菪詼y試對站點進行兼容性測試可以檢查網(wǎng)頁中是否存在目標瀏覽器不支持的標簽或?qū)傩?,若包含目標瀏覽器不支持的屬性會導
10.1 測試“千履千尋公司”站點
10.1.1 兼容性測試對站點進行兼容性測試可以檢查網(wǎng)頁中是否存在目標瀏覽器不支持的標簽或?qū)傩裕舭?/p>
含目標瀏覽器不支持的屬性會導致網(wǎng)頁顯示不正?;虿糠止δ懿荒苷_\作。目標瀏覽器檢查提供了3個級別的潛在問題的信息,即告知性信息、警告和錯誤。
告知性信息:表示代碼在特定瀏覽器中不支持,但沒有可見的影響。
警告:表示某段代碼將不能在特定瀏覽器中正確顯示,但不會導致任何嚴重的顯示
問題。
錯誤:表示代碼可能在特定瀏覽器中導致嚴重的、可見的問題,如導致頁面的某些
部分消失。
下面以在“gsdt.html”網(wǎng)頁中測試瀏覽器兼容性為例介紹測試的方法,其具體操作如下。
打開“gsdt.html”網(wǎng)頁,單擊工具欄上的“檢查瀏覽器兼容性”按鈕
的下拉菜單中選擇“設置”命令,如圖10-2所示。
打開“目標瀏覽器”對話框,在“瀏覽器最低版本”列表框中設置各種目標瀏覽器允許顯示此網(wǎng)頁的最低版本,完成后單擊
按鈕,如圖10-3所示。
,在彈出
圖10-2 設置目標瀏覽器 圖10-3 設置瀏覽器最低版本 返回“gsdt.html”網(wǎng)頁,再次單擊工具欄上的“檢查瀏覽器兼容性”按鈕彈出的下拉菜單中選擇“檢查瀏覽器兼容性”命令,如圖10-4所示。,在 打開“瀏覽器兼容性”面板,在列表框中將顯示檢查到的兼容性錯誤,如圖10-5所示。
切換到代碼視圖,找到兼容性錯誤提示的所在行的代碼內(nèi)容,如圖10-6所示。 查看并修復錯誤的代碼內(nèi)容,保存網(wǎng)頁即可,如圖10-7所示。
,圖10-4 檢查瀏覽器兼容性 圖10-5
顯示兼容性錯誤
圖10-6 查看代碼 圖10-7 修復錯誤
10.1.2 檢查并修復鏈接
為確保網(wǎng)頁中的超鏈接都可靠有效,在發(fā)布站點前還需檢查所有超鏈接的URL地址是否正確,若有錯誤需及時修改,以保證瀏覽者在單擊鏈接時能準確轉(zhuǎn)到目標位置。Dreamweaver可以檢查3種類型的鏈接,分別為斷掉的鏈接、外部鏈接和孤立文件。
斷掉的鏈接:檢查文檔中是否存在斷開的鏈接。
外
部鏈接:檢查外部鏈接。
孤
立文件:檢查站點中是否存在孤立文件。
利用Dreamweaver提供的“檢查鏈接”功能可快速地在打開的文檔或本地站點的某一部分或整個本地站點中搜索斷開的鏈接和未被引用的文件。下面以在“gwmly.html”網(wǎng)頁中檢查并修復鏈接為例進行介紹,其具體操作如下。
打開“gwmly.html”網(wǎng)頁,選擇【文件】/【檢查頁】/【鏈接】菜單命令,如圖10-8所示。
打開“鏈接檢查器”對話框,在“顯示”下拉列表框中選擇“斷掉的鏈接”選項,此時將顯示當前網(wǎng)頁中斷開的鏈接,如圖10-9所示。
在“斷掉的鏈接”欄中的路徑處單擊鼠標使路徑呈可編輯狀態(tài),單擊右側(cè)的“瀏覽文件夾”按鈕,如圖10-10所示。
網(wǎng)站的測試與發(fā)布
圖10-8 檢查鏈接 圖10-9 顯示斷掉的鏈接
打開“選擇文件”對話框,在其中重新鏈接目標文件即可,如圖10-11所示。
圖10-10 修復鏈接 圖10-11 重新鏈接文件 在“鏈接檢查器”面板的“顯示”下拉列表框中選擇“外部鏈接”選項,此時將檢查當前網(wǎng)頁中的所有外部鏈接,如圖10-12所示。
在“外部鏈接”欄下的路徑處單擊鼠標使其呈可編輯狀態(tài),重新輸入正確的外
部鏈接地址即可,如圖10-13所示。
圖10-12 顯示外部鏈接 圖10-13 更改鏈接路徑 打開“文件”面板,在“站點-qlqxsite”文件夾上單擊鼠標右鍵,在彈出的快捷菜單中選擇【檢查鏈接】/【整個本地站點】菜單命令,如圖10-14所示。 在“鏈接檢查器”面板的“顯示”下拉列表框中選擇“孤立的文件”選項,此
,時將顯示站點中所有孤立文件的情況,如圖10-15所示。
圖10-14 選擇整個站點 圖10-15 顯示孤立文件
10.1.3 檢測下載速度
網(wǎng)頁下載速度是指頁面顯示完其中包含所有內(nèi)容所耗費的時間,這是衡量網(wǎng)頁制作水平的一個重要標準。在發(fā)布站點之前,可以檢測網(wǎng)頁下載速度的時間,并可適當對下載速度進行設置。下面以在“rxjp.html”網(wǎng)頁中檢測并設置下載速度為例進行介紹,其具體操作如下。 打開“rxjp.html”網(wǎng)頁,在“屬性”面板上方的狀態(tài)欄右側(cè)可看到當前網(wǎng)頁的下載速度為3秒,如圖10-16所示。
按【Ctrl U】組合鍵打開“首選參數(shù)”對話框,在“分類”列表框中選擇“狀態(tài)欄”選項,在右側(cè)的“窗口大小”列表框中可更改網(wǎng)頁窗口的寬度和高度,在“連接速
度”下拉列表框中可更改下載速度,完成后單擊
按鈕即可,如圖10-17所示。
圖10-16 查看網(wǎng)頁下載速度 圖10-17 更改網(wǎng)頁下載速度10.2 發(fā)布“千履千尋公司”站點
10.2.1 申請主頁空間
要讓其他用戶通過Internet訪問自己的網(wǎng)站,需要在將網(wǎng)站發(fā)布到Internet之前,申請一
網(wǎng)站的測試與發(fā)布
個主頁空間,該空間即網(wǎng)站在Internet中存放的位置,網(wǎng)上用戶在瀏覽器中輸入該位置的地址后即可訪問網(wǎng)站。
1.注冊并申請主頁空間
網(wǎng)上可申請主頁空間的網(wǎng)站比較多,各個網(wǎng)站上的申請操作也基本相同,下面以在“虎翼網(wǎng)”上申請免費主頁空間為例進行介紹,其具體操作如下。
啟動瀏覽器,在地址欄中輸入“www.51.net”后按【Enter】鍵,訪問虎翼網(wǎng),單擊網(wǎng)頁右上方的“免費試用,立即注冊”圖像超鏈接,如圖10-19所示。
打開“快速注冊”界面,在其中輸入并設置注冊信息,單擊
10-20所示。
按鈕,如圖
圖10-19 訪問網(wǎng)站 圖10-20 注冊用戶
成功后將打開“注冊成功”的提示對話框,如圖10-21所示。
稍后網(wǎng)頁將自動跳轉(zhuǎn)到如圖10-22所示的頁面,在其中可選擇試用的類型。
圖10-21 注冊成功 圖10-22 顯示注冊后的網(wǎng)頁
2.開通主頁空間
注冊成功后還需要開通主頁空間,下面繼續(xù)以在“虎翼網(wǎng)”中開通主頁空間為例進行介
,紹,其具體操作如下。
單擊需開通機型右下方的“試用該服務”超鏈接,如圖10-23所示。
打開提示對話框,單擊
按鈕,如圖10-24所示。
圖10-23 選擇試用機型 圖10-24 關(guān)閉提示網(wǎng)頁
根據(jù)提示單擊網(wǎng)頁右側(cè)的“售前咨詢”超鏈接,如圖10-25所示。
在打開的網(wǎng)頁中輸入開始對話的內(nèi)容,包括姓名、電子郵件和問題內(nèi)容等,然后單擊
按鈕,如圖10-26所示。
圖10-25 售前咨詢 圖10-26 輸入對話信息
稍后“虎翼網(wǎng)”將接通客服人員,根據(jù)自己的實際需要與對方進行交流(與使用MSN交流的操作類似),該客服人員了解情況后會按照要求開通相應的試用主機,如圖10-27所示。
返回之前的網(wǎng)頁,在其中即可查看開通試用主機的效果,其中提示了試用期限和空間大小等內(nèi)容,如圖10-28所示。網(wǎng)站的測試與發(fā)布
圖10-27 通過對話開通空間 圖10-28 開通成功
10.2.2 發(fā)布站點
利用Dreamweaver發(fā)布站點時,首先應對站點的遠程信息進行配置,然后才能進行發(fā)布操作,下面分別對這兩個環(huán)節(jié)進行介紹。
1.配置遠程信息
配置遠程信息可以使Dreamweaver連接到Internet中的主頁空間,為實現(xiàn)將站點文件上傳到主頁空間做好準備。下面以配置“qlqxsite”站點為例,介紹配置遠程信息的方法,其具體操作如下。
在Dreamweaver中選擇【站點】/【管理站點】菜單命令,如圖10-29所示。
打開“管理站點”對話框,在列表框中選擇“qlqxsite”選項,單擊
鈕,如圖10-30所示。
按
圖10-29 管理站點 圖10-30 編輯站點
在打開的對話框左側(cè)選擇“服務器”選項,單擊界面右側(cè)的“添加”按鈕如圖10-31所示。, 在打開的對話框中將服務器名稱設置為“qlqxsite”,在“連接方法”下拉列表
,框中選擇“FTP”選項,在“FTP地址”、“用戶名”、“密碼”、“根目錄”和“Web URL”文本框中輸入“虎翼網(wǎng)”中提供的相關(guān)數(shù)據(jù),單擊
按鈕,如圖10-32所示。
圖10-31 添加服務器 圖10-32 設置服務器
重新登錄“虎翼網(wǎng)”后,在顯示的網(wǎng)頁左側(cè)選擇“空間設置”選項,界
面右側(cè)中的“FTP服務器”、“FTP用戶名”、“FTP密碼”和“試用期臨時
知識提示域名”便對應著圖10-32所示中的“FTP地址”、“用戶名”、“密碼”和“Web?。眨遥獭蔽谋究蛑械膬?nèi)容,在開通空間時客服人員會及時告知根目錄。
稍后Dreamweaver將嘗試連接Web服務器,成功后將打開如圖10-33所示的提示對話框,單擊按鈕即可。
依次單擊
按鈕完成服務器的遠程信息配置,如圖10-34所示。
圖10-33 測試成功 圖10-34 保存設置
2.發(fā)布站點
成功配置站點的遠程信息后,即可發(fā)布站點。下面以發(fā)布“qlqxsite”站點為例進行介紹,其具體操作如下。網(wǎng)站的測試與發(fā)布
打開“文件”面板,選擇需上傳的網(wǎng)頁文件,然后單擊“上傳文件”按鈕如圖10-35所示。, 當Dreamweaver連接到Web服務器后,將打開“后臺文件活動”窗口,其中將顯
示文件的上傳進度,如圖10-36所示。文件上傳成功后將自動關(guān)閉該對話框。
圖10-35 選擇文件 圖10-36 上傳文件
如果在“文件”面板中選擇站點對應的文件夾后再單擊“上傳文件”按多學一招鈕,則代表上傳整個站點的內(nèi)容。站點的訪問量是衡量網(wǎng)站成功與否的重要指標之一,要想增加網(wǎng)站訪問量,則需對網(wǎng)站進行宣傳。下面介紹幾種在網(wǎng)站制作行業(yè)最常用的站點宣傳技巧。
①導航網(wǎng)站登錄。對于流量不大,知名度不高的網(wǎng)站來說,進入導航網(wǎng)站是最有效的提高訪問量的方法之一,如“網(wǎng)址之家”(www.hao123.com),“265網(wǎng)址”(www.265.com)等網(wǎng)站就是著名的導航網(wǎng)站。
②友情鏈接。友情鏈接可以給一個網(wǎng)站帶來穩(wěn)定的訪問量,同時也有助于
行業(yè)提示提升網(wǎng)站在GOOGLE等搜索引擎中的排名。進行友情鏈接時,最好能鏈接一些
流量較高的知名網(wǎng)站,或是和網(wǎng)站內(nèi)容互補的網(wǎng)站,然后再是同類網(wǎng)站。
③搜索引擎登錄。搜索引擎給網(wǎng)站帶來的流量非常大,登錄搜索引擎可以使用專門的登錄軟件(如“登錄騎兵”等),也可以采用手工登錄的方式。
④網(wǎng)絡廣告投放。網(wǎng)絡廣告的投放雖然花錢,但給網(wǎng)站帶來的流量卻很可觀。