網(wǎng)頁(yè)制作基礎(chǔ)教程 （Dreamweaver CC）（第3版）課件 第9章 網(wǎng)站的管理與上傳

職業(yè)教育教學(xué)用書(shū)網(wǎng)頁(yè)制作基礎(chǔ)教程（DreamweaverCC）網(wǎng)站制作前的準(zhǔn)備1網(wǎng)頁(yè)布局與規(guī)劃2網(wǎng)頁(yè)的編輯3網(wǎng)頁(yè)的多媒體效果4網(wǎng)站的管理與上傳5模塊目錄網(wǎng)站的管理與上傳網(wǎng)站中文件的操作檢查網(wǎng)站中的超鏈接項(xiàng)目一管理網(wǎng)站中的文件生成站點(diǎn)報(bào)告子項(xiàng)目1網(wǎng)站中文件的操作1．文件的刪除將鼠標(biāo)指針移動(dòng)到想要?jiǎng)h除的文件上并右擊，在彈出的快捷菜單中選擇“編輯”→“刪除”命令。2．文件的重命名將鼠標(biāo)指針移動(dòng)到想要重命名的文件上并右擊，在彈出的快捷菜單中選擇“編輯”→“重命名”命令。此時(shí)文件名處于待編輯狀態(tài)，輸入新的文件名即可；也可以雙擊文件名，使文件名處于待編輯狀態(tài)，輸入新的文件名。子項(xiàng)目1網(wǎng)站中文件的操作3．文件的復(fù)制將鼠標(biāo)指針移動(dòng)到想要復(fù)制的文件上并右擊，在彈出的快捷菜單中選擇“編輯”→“復(fù)制”命令，打開(kāi)目標(biāo)文件夾，單擊工具欄上的“粘貼”按鈕。4．文件的移動(dòng)將鼠標(biāo)指針移動(dòng)到想要移動(dòng)的文件上并右擊，在彈出的快捷菜單中選擇“編輯”→“剪切”命令，打開(kāi)目標(biāo)文件夾，單擊工具欄上的“粘貼”按鈕。檢查網(wǎng)站中的文件，將網(wǎng)站制作過(guò)程中生成但沒(méi)有應(yīng)用的文件，以及導(dǎo)入網(wǎng)站中沒(méi)有使用的素材文件刪除。需要注意的是，不要輕易更改文件的名稱(chēng)，以免造成網(wǎng)頁(yè)超鏈接發(fā)生錯(cuò)誤。子項(xiàng)目1網(wǎng)站中文件的操作做一做超鏈接錯(cuò)誤是隱性的，無(wú)法直接看出來(lái)。Dreamweaver可以輕松地完成對(duì)超鏈接的檢查。子項(xiàng)目2檢查網(wǎng)站中的超鏈接導(dǎo)致超鏈接錯(cuò)誤的原因有很多。例如，創(chuàng)建超鏈接時(shí)的錯(cuò)誤操作可能導(dǎo)致超鏈接錯(cuò)誤；網(wǎng)頁(yè)或其他文件的名稱(chēng)發(fā)生改變可能導(dǎo)致超鏈接錯(cuò)誤；刪除無(wú)效的網(wǎng)頁(yè)文件后也可能導(dǎo)致超鏈接錯(cuò)誤。選擇菜單欄中的“站點(diǎn)”→“站點(diǎn)選項(xiàng)”→“檢查站點(diǎn)范圍的鏈接”命令.在“鏈接檢查器”面板中單擊下拉按鈕，在彈出的下拉列表中選擇“檢查整個(gè)當(dāng)前本地站點(diǎn)的鏈接”選項(xiàng)，確保網(wǎng)頁(yè)中的錯(cuò)誤已經(jīng)得到更正。子項(xiàng)目2檢查網(wǎng)站中的超鏈接站點(diǎn)報(bào)告對(duì)于比較復(fù)雜的站點(diǎn)管理非常有用。當(dāng)多人協(xié)作制作一個(gè)網(wǎng)站時(shí)，難免會(huì)出現(xiàn)一些問(wèn)題。站點(diǎn)報(bào)告可以用于檢查網(wǎng)站中存在的問(wèn)題，也可以讓整個(gè)網(wǎng)站的問(wèn)題順利解決，不會(huì)有遺漏。子項(xiàng)目3生成站點(diǎn)報(bào)告選擇菜單欄中的“窗口”→“結(jié)果”→“站點(diǎn)報(bào)告”命令。在彈出的“站點(diǎn)報(bào)告”面板中單擊“報(bào)告”按鈕。子項(xiàng)目3生成站點(diǎn)報(bào)告在彈出的“報(bào)告”對(duì)話框中單擊“報(bào)告在”右側(cè)的下拉按鈕，在彈出的下拉列表中選擇“整個(gè)當(dāng)前本地站點(diǎn)”選項(xiàng)，在“選擇報(bào)告”選項(xiàng)區(qū)中勾選“HTML報(bào)告”下的各個(gè)復(fù)選框，單擊“運(yùn)行”按鈕。子項(xiàng)目3生成站點(diǎn)報(bào)告“站點(diǎn)報(bào)告”面板自動(dòng)打開(kāi)，同時(shí)網(wǎng)站中存在的問(wèn)題也會(huì)顯示在該面板中，單擊“保存報(bào)告”按鈕生成報(bào)告。子項(xiàng)目3生成站點(diǎn)報(bào)告項(xiàng)目二在Dreamweaver

中上傳網(wǎng)頁(yè)配置服務(wù)器信息將網(wǎng)頁(yè)上傳到服務(wù)器瀏覽上傳的網(wǎng)頁(yè)更新網(wǎng)頁(yè)中的文件網(wǎng)頁(yè)制作完之后，我們可以將網(wǎng)頁(yè)上傳到預(yù)先申請(qǐng)好空間的服務(wù)器上，也可以上傳到學(xué)校的服務(wù)器上。無(wú)論上傳到哪個(gè)服務(wù)器，我們都要事先知道該服務(wù)器的域名或IP地址，以及該服務(wù)器管理員提供的用戶名和密碼，否則上傳請(qǐng)求將被服務(wù)器拒絕，只有事先知道這些信息才能夠完成配置工作。子項(xiàng)目1配置服務(wù)器信息選擇菜單欄中的“站點(diǎn)”→“管理站點(diǎn)”命令，在彈出的“管理站點(diǎn)”對(duì)話框中雙擊要編輯的站點(diǎn)，在彈出的對(duì)話框的左側(cè)列表框中選擇“服務(wù)器”選項(xiàng)，在右側(cè)區(qū)域中單擊”+”按鈕，添加新服務(wù)器。子項(xiàng)目1配置服務(wù)器信息在“服務(wù)器名稱(chēng)”文本框中輸入起好的名稱(chēng)，設(shè)置“連接方法”為“FTP”，然后輸入存放網(wǎng)站服務(wù)器的用戶名、密碼及存放網(wǎng)頁(yè)的根目錄，單擊“保存”按鈕。子項(xiàng)目1配置服務(wù)器信息單擊“保存”按鈕后，彈出一個(gè)警告對(duì)話框，用來(lái)提醒設(shè)計(jì)者，因?yàn)楦牧苏军c(diǎn)的相關(guān)設(shè)置，所以Dreamweaver會(huì)重建緩存，單擊“確定”按鈕。子項(xiàng)目1配置服務(wù)器信息在返回的“管理站點(diǎn)”對(duì)話框中單擊“完成”按鈕。子項(xiàng)目1配置服務(wù)器信息在“文件”面板中選中站點(diǎn)中的所有文件后，單擊按鈕開(kāi)始上傳文件。子項(xiàng)目2將網(wǎng)頁(yè)上傳到服務(wù)器在連接服務(wù)器后，Dreamweaver首先會(huì)對(duì)文件進(jìn)行排序，然后開(kāi)始上傳文件。子項(xiàng)目2將網(wǎng)頁(yè)上傳到服務(wù)器網(wǎng)頁(yè)上傳完之后，在瀏覽器中輸入服務(wù)器提供的網(wǎng)址，就可以打開(kāi)上傳的網(wǎng)頁(yè)。子項(xiàng)目3瀏覽上傳的網(wǎng)頁(yè)為了保證網(wǎng)站的時(shí)效性，在上傳網(wǎng)頁(yè)后還要進(jìn)行日常的維護(hù)，包括網(wǎng)頁(yè)內(nèi)容的更改、網(wǎng)頁(yè)文件的更新與刪除，以及其他文件的導(dǎo)入與刪除等。所有這些操作都不必連接到互聯(lián)網(wǎng)上，在本機(jī)上操作就可以了，修改完成后，重新上傳網(wǎng)頁(yè)即可。子項(xiàng)目4更新網(wǎng)頁(yè)中的文件Dreamweaver提供了“同步”命令，該命令用于自動(dòng)檢查本地計(jì)算機(jī)上網(wǎng)站的內(nèi)容與互聯(lián)網(wǎng)上網(wǎng)站的內(nèi)容是否一致，然后將完成時(shí)間較近的文件覆蓋互聯(lián)網(wǎng)上的同名文件，同時(shí)上傳互聯(lián)網(wǎng)上缺少的文件，并將無(wú)效的孤立文件刪除。選擇菜單欄中的“站點(diǎn)”→“站點(diǎn)選項(xiàng)”→“同步站點(diǎn)范圍”命令。在彈出的“與遠(yuǎn)程服務(wù)器同步”對(duì)話框的“同步”下拉列表中選擇“整個(gè)站點(diǎn)”，在“方向”下拉列表中選擇“獲得和放置較新的文件”選項(xiàng)，單擊“預(yù)覽”按鈕。項(xiàng)目三使用FTP軟件上傳網(wǎng)頁(yè)配置站點(diǎn)信息將網(wǎng)頁(yè)上傳到服務(wù)器“驗(yàn)證表單”可以在一定程度上防止空信息和錯(cuò)誤信息的輸入。Dreamweaver提供了上傳網(wǎng)頁(yè)的功能有一定的局限性。例如，它不支持續(xù)傳功能，而且在上傳網(wǎng)頁(yè)的過(guò)程中，我們不能直觀地看到服務(wù)器上的文件及文件夾的情況。使用FTP軟件上傳網(wǎng)頁(yè)可以很好地解決這個(gè)問(wèn)題。項(xiàng)目3使用FTP軟件上傳網(wǎng)頁(yè)啟動(dòng)軟件，選擇菜單欄中的“站點(diǎn)”→“站點(diǎn)管理器”命令，在彈出的“站點(diǎn)管理器”對(duì)話框中單擊“新建站點(diǎn)”按鈕，彈出“新建站點(diǎn)”對(duì)話框，在“站點(diǎn)名”文本框中輸入“城市里的鳥(niǎo)”，單擊“確定”按鈕。子項(xiàng)目1配置站點(diǎn)信息在“站點(diǎn)管理器”對(duì)話框中輸入FTP服務(wù)器的地址、用戶名和密碼等信息，最后依次單擊“應(yīng)用”按鈕和“關(guān)閉”按鈕完成配置。子項(xiàng)目1配置站點(diǎn)信息單擊工具欄上的“連接”按鈕，在彈出的下拉列表中選擇要上傳的站點(diǎn)，該站點(diǎn)在驗(yàn)證用戶名和密碼后會(huì)顯示連接成功的信息。連接成功后，F(xiàn)lashFXP

窗口左側(cè)為本地硬盤(pán)上的文件，F(xiàn)lashFXP

窗口右側(cè)為FTP服務(wù)器上的文件。將左側(cè)文件移動(dòng)到右側(cè)就是上傳文件；將右側(cè)文件移動(dòng)到左側(cè)就是下載文件。子項(xiàng)目2將網(wǎng)頁(yè)上傳到服務(wù)器選中網(wǎng)站