《Dreamweaver+CS3網(wǎng)頁(yè)制作任務(wù)實(shí)訓(xùn)教程》發(fā)布站點(diǎn)（模塊九）

模塊九發(fā)布站點(diǎn)主講老師：***DreamweaverCS3網(wǎng)頁(yè)制作任務(wù)實(shí)訓(xùn)教程學(xué)習(xí)目標(biāo)熟悉主頁(yè)空間和域名的申請(qǐng)方法了解并熟悉兼容性測(cè)試、檢查并修復(fù)鏈接以及檢測(cè)下載速度等操作熟悉遠(yuǎn)程信息的配置方法并掌握站點(diǎn)的發(fā)布操作任務(wù)一

申請(qǐng)主頁(yè)空間及域名任務(wù)目標(biāo)在“虎翼網(wǎng)”網(wǎng)站中申請(qǐng)主頁(yè)空間及域名（試用型），通過(guò)本任務(wù)掌握主頁(yè)空間及域名的申請(qǐng)方法。具體要求如下：（1）注冊(cè)用戶。（2）申請(qǐng)主頁(yè)空間和域名。（3）開(kāi)通主頁(yè)空間。任務(wù)一

制作ASP動(dòng)態(tài)網(wǎng)頁(yè)的準(zhǔn)備工作操作思路（1）登錄“虎翼網(wǎng)”網(wǎng)站并注冊(cè)申請(qǐng)空間和域名。（2）開(kāi)通主頁(yè)空間。操作一

注冊(cè)并申請(qǐng)主頁(yè)空間與域名（1）啟動(dòng)IE瀏覽器，在地址欄中輸入“”，按“Enter”鍵登錄“虎翼網(wǎng)”網(wǎng)站，單擊“免費(fèi)試用，立即注冊(cè)”圖像超級(jí)鏈接，如圖所示。（2）在打開(kāi)的網(wǎng)頁(yè)中根據(jù)提示輸入會(huì)員名稱(chēng)、密碼、聯(lián)系電話以及驗(yàn)證碼等注冊(cè)信息，如圖所示。

注冊(cè)免費(fèi)試用的主頁(yè)空間填寫(xiě)注冊(cè)信息操作一

注冊(cè)并申請(qǐng)主頁(yè)空間與域名（3）根據(jù)實(shí)際情況選中感興趣的產(chǎn)品復(fù)選框，并選中“個(gè)人”單選項(xiàng)，然后選中“我已閱讀并同意虎翼網(wǎng)服務(wù)條款”復(fù)選框，最后單擊“快速注冊(cè)”按鈕，如圖所示。（4）打開(kāi)提示注冊(cè)成功的對(duì)話框，單擊“確定”按鈕，如圖所示。

提交注冊(cè)信息注冊(cè)成功操作一

注冊(cè)并申請(qǐng)主頁(yè)空間與域名（5）在打開(kāi)的網(wǎng)頁(yè)中提示了虎翼網(wǎng)的試用信息，其中強(qiáng)調(diào)了分配有3次試用機(jī)會(huì)，如圖所示。（6）在當(dāng)前網(wǎng)頁(yè)中選擇需進(jìn)行試用的機(jī)型，這里單擊第1種機(jī)型下方的“試用該服務(wù)”超級(jí)鏈接，如圖所示。

提示擁有的試用次數(shù)選擇試用服務(wù)操作一

注冊(cè)并申請(qǐng)主頁(yè)空間與域名（7）打開(kāi)提示對(duì)話框，提示需利用網(wǎng)頁(yè)右側(cè)的“在線客服”系統(tǒng)讓客服人員開(kāi)通試用服務(wù)，單擊“關(guān)閉”按鈕，如圖所示。

準(zhǔn)備開(kāi)通試用服務(wù)操作二

開(kāi)通主頁(yè)空間（1）單擊“在線客服”系統(tǒng)中當(dāng)前在線的客服人員頭像，并要求其開(kāi)通申請(qǐng)的試用空間，如圖所示。（2）待客服人員確認(rèn)開(kāi)通后，退出“虎翼網(wǎng)”網(wǎng)站的管理系統(tǒng)頁(yè)面，并在其首頁(yè)上方輸入剛申請(qǐng)的用戶名和密碼，然后單擊“登錄”按鈕重新登錄，如圖所示。

與客服人員溝通重新登錄操作二

開(kāi)通主頁(yè)空間（3）進(jìn)入到管理系統(tǒng)頁(yè)面，單擊左側(cè)的“空間設(shè)置”選項(xiàng)卡，如圖所示。

登錄管理系統(tǒng)操作二

開(kāi)通主頁(yè)空間（4）此時(shí)將在打開(kāi)的網(wǎng)頁(yè)中顯示試用期間的臨時(shí)域名，單擊該域名超級(jí)鏈接，如圖所示。（5）此時(shí)將在打開(kāi)的網(wǎng)頁(yè)中顯示空間成功開(kāi)通的信息，如圖所示。

單擊域名超級(jí)鏈接開(kāi)通成功任務(wù)二

測(cè)試“公司簡(jiǎn)介”本地站點(diǎn)任務(wù)目標(biāo)對(duì)提供的網(wǎng)頁(yè)進(jìn)行兼容性測(cè)試，然后對(duì)站點(diǎn)范圍內(nèi)的鏈接進(jìn)行全面的檢查及修復(fù)，最后查看并設(shè)置下載速度。通過(guò)練習(xí)掌握發(fā)布站點(diǎn)前對(duì)站點(diǎn)進(jìn)行測(cè)試的各種必要操作。具體要求如下：（1）對(duì)站點(diǎn)進(jìn)行兼容性測(cè)試。（2）檢查并修復(fù)站點(diǎn)范圍內(nèi)的鏈接情況。（3）檢測(cè)下載速度并進(jìn)行適當(dāng)設(shè)置。

任務(wù)二

測(cè)試“公司簡(jiǎn)介”本地站點(diǎn)操作思路（1）對(duì)目標(biāo)瀏覽器版本進(jìn)行設(shè)置后測(cè)試網(wǎng)站兼容性。（2）對(duì)站點(diǎn)中的網(wǎng)頁(yè)鏈接、部分鏈接以及整個(gè)站點(diǎn)鏈接進(jìn)行全面檢查與修復(fù)。（3）檢測(cè)并設(shè)置下載速度。

測(cè)試“公司簡(jiǎn)介”網(wǎng)頁(yè)的操作思路操作一

兼容性測(cè)試（1）打開(kāi)提供的“index.html”網(wǎng)頁(yè)文件，單擊“檢查頁(yè)面”按鈕，在彈出的下拉菜單中選擇“設(shè)置”命令，如圖所示。

選擇命令操作一

兼容性測(cè)試（2）打開(kāi)“目標(biāo)瀏覽器”對(duì)話框，在其中可選中需設(shè)置的瀏覽器對(duì)應(yīng)的復(fù)選框，并在其右側(cè)的下拉列表框中設(shè)置最低版本，然后單擊“確定”按鈕，如圖所示。（3）在網(wǎng)頁(yè)下方打開(kāi)“結(jié)果”面板，在“瀏覽器兼容性檢查”選項(xiàng)卡中將顯示檢測(cè)到的兼容性問(wèn)題，如圖所示。

設(shè)置目標(biāo)瀏覽器檢查兼容性操作一

兼容性測(cè)試（4）單擊“結(jié)果”面板左側(cè)的“瀏覽報(bào)告”按鈕，此時(shí)將在打開(kāi)的頁(yè)面中顯示問(wèn)題的詳細(xì)信息，如圖所示。

示詳細(xì)信息操作一

兼容性測(cè)試（5）單擊“結(jié)果”面板左側(cè)的“保存”按鈕，可在打開(kāi)的“另存為”對(duì)話框中設(shè)置兼容性檢查結(jié)果文件的保存位置和名稱(chēng)，如圖所示。（6）雙擊結(jié)果選項(xiàng)，此時(shí)Dreamweaver將自動(dòng)進(jìn)入拆分視圖模式，并在其中選中錯(cuò)誤代碼，如圖所示，將該錯(cuò)誤代碼重新修改即可修復(fù)問(wèn)題。

保存結(jié)果文件修復(fù)兼容性問(wèn)題操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（1）打開(kāi)需檢查鏈接的網(wǎng)頁(yè)文件，選擇【文件】→【檢查頁(yè)】→【鏈接】菜單命令，如圖所示。（2）打開(kāi)“結(jié)果”面板，在“鏈接檢查器”選項(xiàng)卡中將顯示檢查到的該網(wǎng)頁(yè)中所有斷掉的鏈接，如圖所示。

選擇命令顯示斷掉的鏈接操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（3）在“顯示”下拉列表框中選擇“外部鏈接”選項(xiàng)，如圖所示。

選擇顯示類(lèi)別操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（4）此時(shí)將在面板中顯示檢查到的外部鏈接問(wèn)題，如圖所示。

顯示外部鏈接問(wèn)題操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（5）在“文件”面板中的某個(gè)站點(diǎn)下的網(wǎng)頁(yè)選項(xiàng)上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇【檢查鏈接】→【選擇文件/文件夾】菜單命令，如圖所示。（6）在“結(jié)果”面板中將顯示檢查到的該網(wǎng)頁(yè)及其所在文件夾的鏈接問(wèn)題，在“顯示”下拉列表框中選擇“外部鏈接”選項(xiàng)，如圖所示。

選擇命令選擇顯示類(lèi)別操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（7）此時(shí)將顯示檢查到的外部鏈接問(wèn)題，如圖所示。

顯示外部鏈接問(wèn)題操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（8）在“文件”面板中選擇站點(diǎn)選項(xiàng)，表示選中了整個(gè)站點(diǎn)，如圖所示。（9）然后選擇【站點(diǎn)】→【檢查站點(diǎn)范圍的鏈接】菜單命令，如圖所示。

選擇整個(gè)站點(diǎn)選擇命令操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（10）打開(kāi)“結(jié)果”面板，在“鏈接檢查器”選項(xiàng)卡中將顯示檢查到的該站點(diǎn)中所有斷掉的鏈接，如圖所示。

顯示站點(diǎn)中所有斷掉的鏈接操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（11）在“顯示”下拉列表框中選擇“外部鏈接”選項(xiàng)，此時(shí)將顯示站點(diǎn)中所有的外部鏈接問(wèn)題，如圖所示。

顯示站點(diǎn)中所有外部鏈接問(wèn)題操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（12）在“顯示”下拉列表框中選擇“孤立文件”選項(xiàng)，此時(shí)將顯示站點(diǎn)中所有的孤立文件，如圖所示。

顯示站點(diǎn)中所有的孤立文件操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（13）在“顯示”下拉列表框中選擇“斷掉的鏈接”選項(xiàng)，并在列表框右側(cè)的某個(gè)鏈接上單擊鼠標(biāo)，使其成可編輯狀態(tài)，如圖所示。

活鏈接文本操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接

操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（14）輸入正確的鏈接名稱(chēng)，如圖所示。

編輯鏈接文本操作二

檢查并修復(fù)站點(diǎn)范圍的鏈接（15）按“Enter”鍵確認(rèn)編輯，此時(shí)在“顯示”下拉列表框中選擇“孤立文件”選項(xiàng)，可見(jiàn)問(wèn)題鏈接已修復(fù)成功，如圖所示。按照相同方法修復(fù)其他問(wèn)題即可。

修復(fù)鏈接操作三

下載速度檢測(cè)（1）打開(kāi)需檢測(cè)下載速度的網(wǎng)頁(yè)，在該網(wǎng)頁(yè)文件窗口的狀態(tài)欄右側(cè)便將顯示其下載速度，如圖所示。（2）若需設(shè)置下載速度，可選擇【編輯】→【首選參數(shù)】菜單命令，如圖所示。

查看下載速度選擇命令操作三

下載速度檢測(cè)（3）打開(kāi)“首選參數(shù)”對(duì)話框，在“分類(lèi)”列表框中選擇“狀態(tài)欄”選項(xiàng)，如圖所示。

打開(kāi)“首選參數(shù)”對(duì)話框操作三

下載速度檢測(cè)（4）在“窗口大小”列表框中可更改網(wǎng)頁(yè)窗口的寬度和高度，如圖所示。

更改窗口大小操作三

下載速度檢測(cè)（5）在“連接速度”下拉列表框中即可對(duì)下載速度進(jìn)行設(shè)置（無(wú)特殊要求一般默認(rèn)設(shè)置），完成后單擊“確定”按鈕，如圖所示。

修改下載速度任務(wù)三

發(fā)布“公司簡(jiǎn)介”站點(diǎn)任務(wù)目標(biāo)將“公司簡(jiǎn)介”站點(diǎn)進(jìn)行遠(yuǎn)程信息配置后將其發(fā)布到前面申請(qǐng)的主頁(yè)空間中，通過(guò)練習(xí)熟悉并掌握站點(diǎn)遠(yuǎn)程信息的配置以及發(fā)布站點(diǎn)的方法。具體要求如下：（1）遠(yuǎn)程信息配置。（2）發(fā)布站點(diǎn)。

任務(wù)三

發(fā)布“公司簡(jiǎn)介”站點(diǎn)操作思路（1）對(duì)“公司簡(jiǎn)介”站點(diǎn)進(jìn)行遠(yuǎn)程信息配置。（2）將該站點(diǎn)發(fā)布到主頁(yè)空間中。

發(fā)布“公司簡(jiǎn)介”站點(diǎn)的操作思路操作一

配置遠(yuǎn)程信息（1）打開(kāi)網(wǎng)頁(yè)，選擇【站點(diǎn)】→【管理站點(diǎn)】菜單命令，如圖所示。（2）打開(kāi)“管理站點(diǎn)”對(duì)話框，在列表框中選擇“company”選項(xiàng)，單擊“編輯”按鈕，如圖所示。

選擇命令編輯站點(diǎn)操作一

配置遠(yuǎn)程信息（3）在打開(kāi)的對(duì)話框中單擊“高級(jí)”選項(xiàng)卡，如圖所示。

定義站點(diǎn)操作一

配置遠(yuǎn)程信息（4）在“分類(lèi)”列表框中選擇“遠(yuǎn)程信息”選項(xiàng)，在右側(cè)的“訪問(wèn)”下拉列表框中選擇“FTP”選項(xiàng)，如圖所示。（5）在“FTP主機(jī)”文本框中輸入相應(yīng)的信息（可根據(jù)申請(qǐng)的空間中提供的信息來(lái)輸入），如圖所示。

選擇訪問(wèn)方式輸入FTP主機(jī)地址操作一

配置遠(yuǎn)程信息（6）在“登錄”和“密碼”文本框中分別輸入相應(yīng)的信息，然后單擊“測(cè)試”按鈕，如圖所示。（7）Dreamweaver將開(kāi)始連接Web服務(wù)器，成功后將打開(kāi)提示對(duì)話框，單擊“確定”按鈕即可，如圖所示。

輸入登錄名和密碼成功連接Web服務(wù)器操作二

發(fā)布站點(diǎn)（1）在“文件”面板中選擇整個(gè)站點(diǎn)，然后單擊上方的“上傳文件”按鈕，如圖所示。（2）Dreamweaver開(kāi)始連接Web服務(wù)器，并打開(kāi)提示對(duì)話框，單擊“確定”按鈕即可，如圖所示。

上傳站點(diǎn)確認(rèn)上傳操作二

發(fā)布站點(diǎn)（3）在“文件”選項(xiàng)卡右上方的下拉列表框中選擇“遠(yuǎn)程視圖”選項(xiàng)，此時(shí)將在下方顯示成功上傳的文件，如圖所示。（4）若只上傳部分網(wǎng)頁(yè)，則可在“文件”面板中選擇需上傳的網(wǎng)頁(yè)，然后單擊“上傳文件”按鈕，并在打開(kāi)的對(duì)話框中單擊“是”按鈕即可，如圖所示。

上傳的文件上傳部分文件實(shí)訓(xùn)一

測(cè)試“車(chē)友之家”網(wǎng)站實(shí)訓(xùn)目標(biāo)對(duì)“車(chē)友之家”網(wǎng)站進(jìn)行全面測(cè)試。其中將主要涉及兼容性測(cè)試、鏈接檢查與修復(fù)以及下載速度檢查等操作，通過(guò)本實(shí)訓(xùn)進(jìn)一步鞏固網(wǎng)站測(cè)試的各種方法。

實(shí)訓(xùn)一

測(cè)試“車(chē)友之家”網(wǎng)站實(shí)訓(xùn)分析1、打開(kāi)“home.html”網(wǎng)頁(yè)，對(duì)其進(jìn)行兼容性測(cè)試，包括設(shè)置。2、分別對(duì)“home.html”網(wǎng)頁(yè)進(jìn)行鏈接檢查、對(duì)該網(wǎng)頁(yè)及涉及到的文件和文件夾進(jìn)行鏈接檢查，并對(duì)網(wǎng)頁(yè)所在的整個(gè)站點(diǎn)進(jìn)行鏈接檢查，最后修復(fù)檢查出的問(wèn)題。3、檢測(cè)并設(shè)置“home