網(wǎng)站測(cè)試與發(fā)布
,10.1 測(cè)試“千履千尋公司”站點(diǎn)?。保埃保薄 〖嫒菪詼y(cè)試對(duì)站點(diǎn)進(jìn)行兼容性測(cè)試可以檢查網(wǎng)頁(yè)中是否存在目標(biāo)瀏覽器不支持的標(biāo)簽或?qū)傩?,若包含目?biāo)瀏覽器不支持的屬性會(huì)導(dǎo)


10.1 測(cè)試“千履千尋公司”站點(diǎn)
10.1.1 兼容性測(cè)試對(duì)站點(diǎn)進(jìn)行兼容性測(cè)試可以檢查網(wǎng)頁(yè)中是否存在目標(biāo)瀏覽器不支持的標(biāo)簽或?qū)傩?,若?/p>
含目標(biāo)瀏覽器不支持的屬性會(huì)導(dǎo)致網(wǎng)頁(yè)顯示不正?;虿糠止δ懿荒苷_\(yùn)作。目標(biāo)瀏覽器檢查提供了3個(gè)級(jí)別的潛在問(wèn)題的信息,即告知性信息、警告和錯(cuò)誤。
告知性信息:表示代碼在特定瀏覽器中不支持,但沒(méi)有可見的影響。
警告:表示某段代碼將不能在特定瀏覽器中正確顯示,但不會(huì)導(dǎo)致任何嚴(yán)重的顯示
問(wèn)題。
錯(cuò)誤:表示代碼可能在特定瀏覽器中導(dǎo)致嚴(yán)重的、可見的問(wèn)題,如導(dǎo)致頁(yè)面的某些
部分消失。
下面以在“gsdt.html”網(wǎng)頁(yè)中測(cè)試瀏覽器兼容性為例介紹測(cè)試的方法,其具體操作如下。
打開“gsdt.html”網(wǎng)頁(yè),單擊工具欄上的“檢查瀏覽器兼容性”按鈕
的下拉菜單中選擇“設(shè)置”命令,如圖10-2所示。
打開“目標(biāo)瀏覽器”對(duì)話框,在“瀏覽器最低版本”列表框中設(shè)置各種目標(biāo)瀏覽器允許顯示此網(wǎng)頁(yè)的最低版本,完成后單擊

按鈕,如圖10-3所示。

,在彈出
圖10-2 設(shè)置目標(biāo)瀏覽器 圖10-3 設(shè)置瀏覽器最低版本 返回“gsdt.html”網(wǎng)頁(yè),再次單擊工具欄上的“檢查瀏覽器兼容性”按鈕彈出的下拉菜單中選擇“檢查瀏覽器兼容性”命令,如圖10-4所示。,在 打開“瀏覽器兼容性”面板,在列表框中將顯示檢查到的兼容性錯(cuò)誤,如圖10-5所示。
切換到代碼視圖,找到兼容性錯(cuò)誤提示的所在行的代碼內(nèi)容,如圖10-6所示。 查看并修復(fù)錯(cuò)誤的代碼內(nèi)容,保存網(wǎng)頁(yè)即可,如圖10-7所示。
,圖10-4 檢查瀏覽器兼容性 圖10-5

顯示兼容性錯(cuò)誤

圖10-6 查看代碼 圖10-7 修復(fù)錯(cuò)誤
10.1.2 檢查并修復(fù)鏈接
為確保網(wǎng)頁(yè)中的超鏈接都可靠有效,在發(fā)布站點(diǎn)前還需檢查所有超鏈接的URL地址是否正確,若有錯(cuò)誤需及時(shí)修改,以保證瀏覽者在單擊鏈接時(shí)能準(zhǔn)確轉(zhuǎn)到目標(biāo)位置。Dreamweaver可以檢查3種類型的鏈接,分別為斷掉的鏈接、外部鏈接和孤立文件。
斷掉的鏈接:檢查文檔中是否存在斷開的鏈接。
外

部鏈接:檢查外部鏈接。
孤

立文件:檢查站點(diǎn)中是否存在孤立文件。
利用Dreamweaver提供的“檢查鏈接”功能可快速地在打開的文檔或本地站點(diǎn)的某一部分或整個(gè)本地站點(diǎn)中搜索斷開的鏈接和未被引用的文件。下面以在“gwmly.html”網(wǎng)頁(yè)中檢查并修復(fù)鏈接為例進(jìn)行介紹,其具體操作如下。
打開“gwmly.html”網(wǎng)頁(yè),選擇【文件】/【檢查頁(yè)】/【鏈接】菜單命令,如圖10-8所示。
打開“鏈接檢查器”對(duì)話框,在“顯示”下拉列表框中選擇“斷掉的鏈接”選項(xiàng),此時(shí)將顯示當(dāng)前網(wǎng)頁(yè)中斷開的鏈接,如圖10-9所示。
在“斷掉的鏈接”欄中的路徑處單擊鼠標(biāo)使路徑呈可編輯狀態(tài),單擊右側(cè)的“瀏覽文件夾”按鈕,如圖10-10所示。

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





圖10-8 檢查鏈接 圖10-9 顯示斷掉的鏈接

打開“選擇文件”對(duì)話框,在其中重新鏈接目標(biāo)文件即可,如圖10-11所示。

圖10-10 修復(fù)鏈接 圖10-11 重新鏈接文件 在“鏈接檢查器”面板的“顯示”下拉列表框中選擇“外部鏈接”選項(xiàng),此時(shí)將檢查當(dāng)前網(wǎng)頁(yè)中的所有外部鏈接,如圖10-12所示。
在“外部鏈接”欄下的路徑處單擊鼠標(biāo)使其呈可編輯狀態(tài),重新輸入正確的外

部鏈接地址即可,如圖10-13所示。

圖10-12 顯示外部鏈接 圖10-13 更改鏈接路徑 打開“文件”面板,在“站點(diǎn)-qlqxsite”文件夾上單擊鼠標(biāo)右鍵,在彈出的快捷菜單中選擇【檢查鏈接】/【整個(gè)本地站點(diǎn)】菜單命令,如圖10-14所示。 在“鏈接檢查器”面板的“顯示”下拉列表框中選擇“孤立的文件”選項(xiàng),此
,時(shí)將顯示站點(diǎn)中所有孤立文件的情況,如圖10-15所示。

圖10-14 選擇整個(gè)站點(diǎn) 圖10-15 顯示孤立文件
10.1.3 檢測(cè)下載速度
網(wǎng)頁(yè)下載速度是指頁(yè)面顯示完其中包含所有內(nèi)容所耗費(fèi)的時(shí)間,這是衡量網(wǎng)頁(yè)制作水平的一個(gè)重要標(biāo)準(zhǔn)。在發(fā)布站點(diǎn)之前,可以檢測(cè)網(wǎng)頁(yè)下載速度的時(shí)間,并可適當(dāng)對(duì)下載速度進(jìn)行設(shè)置。下面以在“rxjp.html”網(wǎng)頁(yè)中檢測(cè)并設(shè)置下載速度為例進(jìn)行介紹,其具體操作如下。 打開“rxjp.html”網(wǎng)頁(yè),在“屬性”面板上方的狀態(tài)欄右側(cè)可看到當(dāng)前網(wǎng)頁(yè)的下載速度為3秒,如圖10-16所示。
按【Ctrl U】組合鍵打開“首選參數(shù)”對(duì)話框,在“分類”列表框中選擇“狀態(tài)欄”選項(xiàng),在右側(cè)的“窗口大小”列表框中可更改網(wǎng)頁(yè)窗口的寬度和高度,在“連接速

度”下拉列表框中可更改下載速度,完成后單擊

按鈕即可,如圖10-17所示。

圖10-16 查看網(wǎng)頁(yè)下載速度 圖10-17 更改網(wǎng)頁(yè)下載速度10.2 發(fā)布“千履千尋公司”站點(diǎn)
10.2.1 申請(qǐng)主頁(yè)空間
要讓其他用戶通過(guò)Internet訪問(wèn)自己的網(wǎng)站,需要在將網(wǎng)站發(fā)布到Internet之前,申請(qǐng)一

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


個(gè)主頁(yè)空間,該空間即網(wǎng)站在Internet中存放的位置,網(wǎng)上用戶在瀏覽器中輸入該位置的地址后即可訪問(wèn)網(wǎng)站。
1.注冊(cè)并申請(qǐng)主頁(yè)空間
網(wǎng)上可申請(qǐng)主頁(yè)空間的網(wǎng)站比較多,各個(gè)網(wǎng)站上的申請(qǐng)操作也基本相同,下面以在“虎翼網(wǎng)”上申請(qǐng)免費(fèi)主頁(yè)空間為例進(jìn)行介紹,其具體操作如下。
啟動(dòng)瀏覽器,在地址欄中輸入“www.51.net”后按【Enter】鍵,訪問(wèn)虎翼網(wǎng),單擊網(wǎng)頁(yè)右上方的“免費(fèi)試用,立即注冊(cè)”圖像超鏈接,如圖10-19所示。

打開“快速注冊(cè)”界面,在其中輸入并設(shè)置注冊(cè)信息,單擊
10-20所示。

按鈕,如圖

圖10-19 訪問(wèn)網(wǎng)站 圖10-20 注冊(cè)用戶
成功后將打開“注冊(cè)成功”的提示對(duì)話框,如圖10-21所示。

稍后網(wǎng)頁(yè)將自動(dòng)跳轉(zhuǎn)到如圖10-22所示的頁(yè)面,在其中可選擇試用的類型。

圖10-21 注冊(cè)成功 圖10-22 顯示注冊(cè)后的網(wǎng)頁(yè)
2.開通主頁(yè)空間
注冊(cè)成功后還需要開通主頁(yè)空間,下面繼續(xù)以在“虎翼網(wǎng)”中開通主頁(yè)空間為例進(jìn)行介
,紹,其具體操作如下。
單擊需開通機(jī)型右下方的“試用該服務(wù)”超鏈接,如圖10-23所示。
打開提示對(duì)話框,單擊

按鈕,如圖10-24所示。

圖10-23 選擇試用機(jī)型 圖10-24 關(guān)閉提示網(wǎng)頁(yè)
根據(jù)提示單擊網(wǎng)頁(yè)右側(cè)的“售前咨詢”超鏈接,如圖10-25所示。
在打開的網(wǎng)頁(yè)中輸入開始對(duì)話的內(nèi)容,包括姓名、電子郵件和問(wèn)題內(nèi)容等,然后單擊

按鈕,如圖10-26所示。

圖10-25 售前咨詢 圖10-26 輸入對(duì)話信息
稍后“虎翼網(wǎng)”將接通客服人員,根據(jù)自己的實(shí)際需要與對(duì)方進(jìn)行交流(與使用MSN交流的操作類似),該客服人員了解情況后會(huì)按照要求開通相應(yīng)的試用主機(jī),如圖10-27所示。
返回之前的網(wǎng)頁(yè),在其中即可查看開通試用主機(jī)的效果,其中提示了試用期限和空間大小等內(nèi)容,如圖10-28所示。網(wǎng)站的測(cè)試與發(fā)布




圖10-27 通過(guò)對(duì)話開通空間 圖10-28 開通成功
10.2.2 發(fā)布站點(diǎn)
利用Dreamweaver發(fā)布站點(diǎn)時(shí),首先應(yīng)對(duì)站點(diǎn)的遠(yuǎn)程信息進(jìn)行配置,然后才能進(jìn)行發(fā)布操作,下面分別對(duì)這兩個(gè)環(huán)節(jié)進(jìn)行介紹。
1.配置遠(yuǎn)程信息
配置遠(yuǎn)程信息可以使Dreamweaver連接到Internet中的主頁(yè)空間,為實(shí)現(xiàn)將站點(diǎn)文件上傳到主頁(yè)空間做好準(zhǔn)備。下面以配置“qlqxsite”站點(diǎn)為例,介紹配置遠(yuǎn)程信息的方法,其具體操作如下。
在Dreamweaver中選擇【站點(diǎn)】/【管理站點(diǎn)】菜單命令,如圖10-29所示。

打開“管理站點(diǎn)”對(duì)話框,在列表框中選擇“qlqxsite”選項(xiàng),單擊
鈕,如圖10-30所示。

按

圖10-29 管理站點(diǎn) 圖10-30 編輯站點(diǎn)

在打開的對(duì)話框左側(cè)選擇“服務(wù)器”選項(xiàng),單擊界面右側(cè)的“添加”按鈕如圖10-31所示。, 在打開的對(duì)話框中將服務(wù)器名稱設(shè)置為“qlqxsite”,在“連接方法”下拉列表
,框中選擇“FTP”選項(xiàng),在“FTP地址”、“用戶名”、“密碼”、“根目錄”和“Web URL”文本框中輸入“虎翼網(wǎng)”中提供的相關(guān)數(shù)據(jù),單擊

按鈕,如圖10-32所示。

圖10-31 添加服務(wù)器 圖10-32 設(shè)置服務(wù)器
重新登錄“虎翼網(wǎng)”后,在顯示的網(wǎng)頁(yè)左側(cè)選擇“空間設(shè)置”選項(xiàng),界
面右側(cè)中的“FTP服務(wù)器”、“FTP用戶名”、“FTP密碼”和“試用期臨時(shí)
知識(shí)提示域名”便對(duì)應(yīng)著圖10-32所示中的“FTP地址”、“用戶名”、“密碼”和“Web URL”文本框中的內(nèi)容,在開通空間時(shí)客服人員會(huì)及時(shí)告知根目錄。
稍后Dreamweaver將嘗試連接Web服務(wù)器,成功后將打開如圖10-33所示的提示對(duì)話框,單擊按鈕即可。
依次單擊

按鈕完成服務(wù)器的遠(yuǎn)程信息配置,如圖10-34所示。

圖10-33 測(cè)試成功 圖10-34 保存設(shè)置
2.發(fā)布站點(diǎn)
成功配置站點(diǎn)的遠(yuǎn)程信息后,即可發(fā)布站點(diǎn)。下面以發(fā)布“qlqxsite”站點(diǎn)為例進(jìn)行介紹,其具體操作如下。網(wǎng)站的測(cè)試與發(fā)布



打開“文件”面板,選擇需上傳的網(wǎng)頁(yè)文件,然后單擊“上傳文件”按鈕如圖10-35所示。, 當(dāng)Dreamweaver連接到Web服務(wù)器后,將打開“后臺(tái)文件活動(dòng)”窗口,其中將顯

示文件的上傳進(jìn)度,如圖10-36所示。文件上傳成功后將自動(dòng)關(guān)閉該對(duì)話框。

圖10-35 選擇文件 圖10-36 上傳文件
如果在“文件”面板中選擇站點(diǎn)對(duì)應(yīng)的文件夾后再單擊“上傳文件”按多學(xué)一招鈕,則代表上傳整個(gè)站點(diǎn)的內(nèi)容。站點(diǎn)的訪問(wèn)量是衡量網(wǎng)站成功與否的重要指標(biāo)之一,要想增加網(wǎng)站訪問(wèn)量,則需對(duì)網(wǎng)站進(jìn)行宣傳。下面介紹幾種在網(wǎng)站制作行業(yè)最常用的站點(diǎn)宣傳技巧。
①導(dǎo)航網(wǎng)站登錄。對(duì)于流量不大,知名度不高的網(wǎng)站來(lái)說(shuō),進(jìn)入導(dǎo)航網(wǎng)站是最有效的提高訪問(wèn)量的方法之一,如“網(wǎng)址之家”(www.hao123.com),“265網(wǎng)址”(www.265.com)等網(wǎng)站就是著名的導(dǎo)航網(wǎng)站。
②友情鏈接。友情鏈接可以給一個(gè)網(wǎng)站帶來(lái)穩(wěn)定的訪問(wèn)量,同時(shí)也有助于
行業(yè)提示提升網(wǎng)站在GOOGLE等搜索引擎中的排名。進(jìn)行友情鏈接時(shí),最好能鏈接一些
流量較高的知名網(wǎng)站,或是和網(wǎng)站內(nèi)容互補(bǔ)的網(wǎng)站,然后再是同類網(wǎng)站。
③搜索引擎登錄。搜索引擎給網(wǎng)站帶來(lái)的流量非常大,登錄搜索引擎可以使用專門的登錄軟件(如“登錄騎兵”等),也可以采用手工登錄的方式。
④網(wǎng)絡(luò)廣告投放。網(wǎng)絡(luò)廣告的投放雖然花錢,但給網(wǎng)站帶來(lái)的流量卻很可觀。