[學(xué)習(xí)]網(wǎng)頁制作：項(xiàng)目15__發(fā)布和維護(hù)網(wǎng)站

1、主講：,網(wǎng)頁設(shè)計(jì)與制作——Dreamweaver 8,項(xiàng)目十五 發(fā)布和維護(hù)網(wǎng)站,任務(wù)一 配置服務(wù)器,任務(wù)二 發(fā)布網(wǎng)站,任務(wù)三 維護(hù)網(wǎng)站,,,,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,任務(wù)一,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一 配置服務(wù)器,,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,配置服務(wù)器操作動(dòng)畫,通過本操作的學(xué)習(xí)，需要掌握以下內(nèi)容：1、安裝IIS服務(wù)器的方法（1）在【控制面版】中單擊【添加或刪除程序】選項(xiàng)打開【添加或刪除

2、程序】對話框。（2）單擊【添加/刪除Windows組件（A）】圖標(biāo)進(jìn)入【W(wǎng)indows組件向?qū)А繉υ捒颍⒐催x【Internet服務(wù)器（IIS）】復(fù)選框。（3）如果打算將FTP服務(wù)器也安裝上，雙擊【Internet服務(wù)器（IIS）】選項(xiàng)，打開【Internet信息服務(wù)（IIS）】對話框，勾選【文件傳輸協(xié)議（FTP）服務(wù)】復(fù)選框。,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,,2、配置Web服務(wù)器的方法（1）在【控制面版】

3、/【管理工具】中雙擊【Internet信息服務(wù)】選項(xiàng)，打開【Internet信息服務(wù)】對話框。（2）選中【默認(rèn)網(wǎng)站】選項(xiàng)，然后單擊鼠標(biāo)右鍵，在彈出的快彈菜單中選擇【屬性】命令打開【默認(rèn)網(wǎng)站屬性】對話框，選擇【網(wǎng)站】選項(xiàng)卡，在【IP地址】欄選擇或輸入本機(jī)的IP地址。（3）選擇【主目錄】選項(xiàng)卡，在【本地路徑】文本框中定義網(wǎng)頁所在的目錄。（4）選擇【文檔】選項(xiàng)卡，在“默認(rèn)文檔名”文本框中輸入首頁文件名。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,

4、任務(wù)一 配置服務(wù)器,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,,網(wǎng)頁在本地制作完畢并測試成功后，需要上傳到Internet上，這樣用戶才能訪問。如果是個(gè)人網(wǎng)站，可以到Internet上申請一個(gè)免費(fèi)空間。如果是企業(yè)，應(yīng)該考慮以下做法。虛擬主機(jī)方案；租用ISP的Web服務(wù)器磁盤空間，將自己的主頁放在ISP的Web服務(wù)器上。對于一般企業(yè)來說，這是最經(jīng)濟(jì)的方案。虛擬主機(jī)與真實(shí)主機(jī)在運(yùn)作上和用戶訪問上都沒有區(qū)別，而且企業(yè)的投入也比較

5、低。服務(wù)器托管方案：因有較大的信息量和數(shù)據(jù)庫而需要很大的空間或者需要建立一個(gè)很大的站點(diǎn)時(shí)，可以采用此方案。將用戶放有自己制作的主頁的服務(wù)器或Internet主機(jī)放在ISP網(wǎng)絡(luò)中心機(jī)房中，借用ISP的網(wǎng)絡(luò)通信系統(tǒng)接入Internet。DDN專線接入方案：用戶可以將服務(wù)器設(shè)置在本地機(jī)房，再通過DDN專線與ISP的網(wǎng)絡(luò)中心的路由器端口連接，成為一臺(tái)Internet主機(jī)。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,任務(wù)二 發(fā)布網(wǎng)站,任務(wù)二,小

6、 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,操作一 配置FTP服務(wù)器,（1）在【控制面版】/【管理工具】中雙擊【Internet信息服務(wù)】選項(xiàng)，打開【Internet信息服務(wù)】對話框。 （2）選中【默認(rèn)FTP站點(diǎn)】選項(xiàng)，然后單擊鼠標(biāo)右鍵，在彈出的快彈菜單中選擇【屬性】命令打開【默認(rèn)FTP站點(diǎn)屬性】對話框，選擇【FTP站點(diǎn)】選項(xiàng)卡，在【IP地址】欄輸入或選擇IP地址。（3）選擇【安全帳戶】選項(xiàng)卡，在【操作員】列表中添加帳戶。（

7、4）選擇【主目錄】選項(xiàng)卡，在【本地路徑】文本框中輸入FTP目錄，然后在【讀取】、【寫入】、【記錄訪問】選項(xiàng)前的復(fù)選框內(nèi)劃上“√”。,,如果存放網(wǎng)頁的服務(wù)器是屬于自己的，而且要通過FTP方式發(fā)布網(wǎng)頁，這就要求提前配置好FTP服務(wù)器 。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,操作二 發(fā)布網(wǎng)頁,,（1）在【文件】/【文件】面板中單擊【展開/折疊】按鈕，展開站點(diǎn)管理器。在【顯示】下拉列表框中選擇要

8、發(fā)布的站點(diǎn)，然后單擊【站點(diǎn)文件】按鈕，切換到遠(yuǎn)程站點(diǎn)狀態(tài)。,1.在Dreamweaver中配置FTP的相關(guān)參數(shù),項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,（2）單擊【定義遠(yuǎn)程站點(diǎn)】超級鏈接，打開站點(diǎn)【遠(yuǎn)程信息】定義對話框。,,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作二 發(fā)布網(wǎng)頁,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,（3）在【訪問】下拉列表中選擇“FTP”選項(xiàng)，然后設(shè)置FTP服務(wù)器的

9、各項(xiàng)參數(shù)。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作二 發(fā)布網(wǎng)頁,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,（1）單擊工具欄上的（連接到遠(yuǎn)端主機(jī)）按鈕，將會(huì)開始連接遠(yuǎn)端主機(jī)，即登錄FTP服務(wù)器。由于是第1次上傳文件，遠(yuǎn)程文件列表中是空的 。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作二 發(fā)布網(wǎng)頁,2、網(wǎng)頁發(fā)布,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,（2）在【本地文件】列表中，選擇站點(diǎn)根目錄，然后單擊工具欄中的 【上傳文

10、件】按鈕，會(huì)出現(xiàn)一個(gè)“您確定要上傳整個(gè)站點(diǎn)嗎？”對話框，單擊【確定】按鈕將所有文件上傳到遠(yuǎn)端服務(wù)器。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作二 發(fā)布網(wǎng)頁,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,任務(wù)三 維護(hù)網(wǎng)站,在上傳網(wǎng)頁之前，還有一些工作需要做，這也是維護(hù)網(wǎng)站的一些手段，如：站點(diǎn)報(bào)告檢查站點(diǎn)范圍的鏈接查找和替換功能清理文檔保持同步,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)

11、一,1.在主菜單中選擇【窗口】/【結(jié)果】命令，并在【結(jié)果】面板中選擇【站點(diǎn)報(bào)告】選項(xiàng)卡，打開【站點(diǎn)報(bào)告】面板。,一個(gè)網(wǎng)站可能包括成百上千甚至更多的文件，在發(fā)布以前，要對它們逐一進(jìn)行檢查，并在本地計(jì)算機(jī)中進(jìn)行調(diào)試，防止錯(cuò)誤包含在其中。使用Dreamweaver 8提供的報(bào)告功能可以快速有效地檢查文件。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作一 使用站點(diǎn)報(bào)告,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,2. 單擊面板左上角第一個(gè)按鈕

12、，打開【報(bào)告】對話框。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作一 使用站點(diǎn)報(bào)告,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,3.根據(jù)需要選擇其中的選項(xiàng)，然后單擊【運(yùn)行】 按鈕，開始制作報(bào)告，結(jié)果會(huì)出現(xiàn)在【結(jié)果】/【站點(diǎn)報(bào)告】面板中。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作一 使用站點(diǎn)報(bào)告,4.在面板中選擇記錄，然后單擊左側(cè)第3個(gè)按鈕來查看詳細(xì)的出錯(cuò)信息，單擊第4個(gè)按鈕將信息以文件形式保存。 5.雙擊列表中的文件名會(huì)

13、打開該文檔，而且在文檔的代碼窗口中會(huì)將需要修改的標(biāo)簽加亮顯示。,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作二 檢查站點(diǎn)范圍的鏈接,整個(gè)網(wǎng)站中的超級鏈接數(shù)不勝數(shù)，發(fā)布網(wǎng)頁以前需要對這些鏈接進(jìn)行測試。Dreamweaver 8提供了對整個(gè)站點(diǎn)的鏈接統(tǒng)一進(jìn)行檢查的功能。,1.在主菜單中選擇【窗口】/【結(jié)果】命令，并在【結(jié)果】面板中選擇【鏈接檢查器】選項(xiàng)卡。 2.在【顯示】選項(xiàng)的下拉列

14、表中選擇檢查鏈接的類型。 3.單擊左側(cè)第1個(gè)按鈕，在彈出的下拉菜單中選擇【為整個(gè)站點(diǎn)檢查鏈接】選項(xiàng)，Dreamweaver 8將自動(dòng)開始檢測站點(diǎn)里的所有鏈接，結(jié)果也將顯示在【文件】列表中。,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,如果需要改變網(wǎng)站中成千上萬個(gè)鏈接中的一個(gè)，會(huì)涉及到很多文件。因?yàn)殒溄邮窍嗷サ?，改變其中一個(gè)，其他網(wǎng)頁中與發(fā)生變化的網(wǎng)頁有關(guān)的鏈接也要改變。逐個(gè)地打開相關(guān)網(wǎng)頁去修改是一件非常麻煩的事情，D

15、reamweaver 8有專門的功能來實(shí)現(xiàn)這項(xiàng)修改。,在主菜單中選擇【站點(diǎn)】/【改變站點(diǎn)范圍的鏈接】命令，打開【更改整個(gè)站點(diǎn)鏈接】對話框，設(shè)置【更改所有的鏈接】和【變成新鏈接】選項(xiàng)并加以確認(rèn)即可。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作三 改變站點(diǎn)范圍的鏈接,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,如果要同時(shí)修改多個(gè)文檔，可以使用查找和替換功能來實(shí)現(xiàn)。,在主菜單中選擇【編輯】/【查找和替換】命令，打開【查找和替換】對話框。可

16、以根據(jù)實(shí)際需要進(jìn)行設(shè)置。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作四 使用查找和替換,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,清理文檔也就是清理一些空標(biāo)簽或者在Word中編輯HTML文檔時(shí)所產(chǎn)生的一些多余標(biāo)簽的工作。,1、首先打開需要清理的文檔，然后在主菜單中選擇【命令】/【清理HTML】命令，打開【清理HTML/XHTML】對話框，在對話框中的【移除】選項(xiàng)組中根據(jù)需要勾選相應(yīng)的選項(xiàng)或者在【指定的標(biāo)簽】選項(xiàng)的文本框內(nèi)輸入所要?jiǎng)h

17、除的標(biāo)簽。將【選項(xiàng)】選項(xiàng)組中的【盡可能合并嵌套的 標(biāo)簽】和【完成后顯示記錄】選項(xiàng)勾選。清理完畢后，彈出一個(gè)對話框，報(bào)告清理工作的結(jié)果。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作五 清理文檔,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,2、在主菜單中選擇【命令】/【清理Word生成的HTML】命令，打開【清理Word生成的HTML】對話框，并設(shè)置【基本】選項(xiàng)卡和【詳細(xì)】選項(xiàng)卡中的各項(xiàng)屬性。清理完畢將顯示結(jié)果消息框。,項(xiàng)目十五：

18、發(fā)布和維護(hù)網(wǎng)站,操作五 清理文檔,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,1.與FTP主機(jī)連接成功后，在主菜單中選擇【站點(diǎn)】/【同步】命令，打開【同步文件】對話框，,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作六 保持同步,同步的概念可以這樣理解，在遠(yuǎn)端服務(wù)器與本地計(jì)算機(jī)之間架設(shè)一座橋梁，這座橋梁可以將兩端的文件和文件夾進(jìn)行比較，不管哪端的文件或者文件夾發(fā)生改變，同步功能都將這種改變反映出來，便于決定上傳或者下載。同步功能避免

19、了許多盲目性，這在網(wǎng)頁維護(hù)工作中顯得尤為重要。,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,2.在【同步】下拉列表中選擇“整個(gè)‘個(gè)人博客’站點(diǎn)” 選項(xiàng)，在【方向】下拉列表中選擇“放置較新的文件到遠(yuǎn)程”選項(xiàng)，單擊 【預(yù)覽】 按鈕后，開始在本地計(jì)算機(jī)與服務(wù)器端的文件之間進(jìn)行比較，比較結(jié)束后，將在列表中羅列出需要上傳的文件名稱。單擊 【確定】按鈕，系統(tǒng)便自動(dòng)更新遠(yuǎn)端服務(wù)器中的文件。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,操作六 保持同步,

20、任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,實(shí)訓(xùn) 配置服務(wù)器和發(fā)布站點(diǎn),實(shí)訓(xùn)將要求對服務(wù)器IIS進(jìn)行簡單配置，同時(shí)將本機(jī)上的文件發(fā)布到服務(wù)器上。,【實(shí)訓(xùn)目的】進(jìn)一步鞏固IIS服務(wù)器的簡單配置方法。 。進(jìn)一步鞏固通過FTP方式發(fā)布站點(diǎn)的方法。,項(xiàng)目十五： 發(fā)布和維護(hù)網(wǎng)站,任務(wù)二,小 結(jié),任務(wù)三,實(shí) 訓(xùn),任務(wù)一,小結(jié),本項(xiàng)目主要介紹了如何配置、發(fā)布和維護(hù)站點(diǎn)，這些都是網(wǎng)頁制作完成后的工作，是不可缺少的一部分，也