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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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