1、主講：主講：網頁設計與制作Dreamweaver CS3項目十四 發布和維護網站任務一 發布網站任務二 維護網站項目十四：項目十四： 發布和維護網站發布和維護網站網 頁 設 計 與 制 作Dreamweaver CS3任務一小 結任務二實 訓任務一 發布網站Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站任務一小 結任務二實 訓本任務主要介紹配置IIS服務器和發布站點的方法。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作一 配置Web服務器任務一小 結任務二實 訓1. 安裝

2、IIS服務器 本操作以本操作以Windows XP Professional中的中的IIS為例，為例，簡要介紹配置簡要介紹配置Web服務器的方法。通過本操作的學習，服務器的方法。通過本操作的學習，應該掌握的內容主要有：應該掌握的內容主要有： 在在【控制面版控制面版】中單擊中單擊【添加或刪除程序添加或刪除程序】選項，打開選項，打開【添加添加或刪除程序或刪除程序】對話框，單擊對話框，單擊【添加添加/刪除刪除Windows組件（組件（A）】圖標進入圖標進入【Windows組件向導組件向導】對話框，勾選對話框，勾選【Internet服務服務器（器（IIS）】復選框，雙擊復選框，雙擊【Internet服

3、務器（服務器（IIS）】選項，打選項，打開開【Internet信息服務（信息服務（IIS）】對話框，勾選對話框，勾選【文件傳輸協議文件傳輸協議（FTP）服務）服務】復選框。復選框。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作一 配置Web服務器任務一小 結任務二實 訓Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作一 配置Web服務器任務一小 結任務二實 訓2.配置Web服務器 在在【控制面版控制面版】/【管理工具管理工具】中雙擊中雙擊【Internet信息服信息服務

4、務】選項，打開選項，打開【Internet信息服務信息服務】對話框。選中對話框。選中【默認網默認網站站】選項，然后單擊鼠標右鍵，在彈出的快彈菜單中選擇選項，然后單擊鼠標右鍵，在彈出的快彈菜單中選擇【屬屬性性】命令，打開命令，打開【默認網站屬性默認網站屬性】對話框，選擇對話框，選擇【網站網站】選項選項卡，在卡，在【IP地址地址】欄選擇或輸入本機的欄選擇或輸入本機的IP地址。地址。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作一 配置Web服務器任務一小 結任務二實 訓 選擇選擇【主目錄主目錄】選項卡，在選項卡，在【本地路徑本地路徑】

5、文本框中設置文本框中設置網頁所在的目錄。選擇網頁所在的目錄。選擇【文檔文檔】選項卡，設置選項卡，設置“默認文檔默認文檔名名” ，如，如“Index.htm”。操作二 配置FTP服務器Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站任務一小 結任務二實 訓配置FTP服務器的方法 本操作主要介紹配置本操作主要介紹配置FTP服務器的方法。通過本操服務器的方法。通過本操作的學習，應該掌握的內容主要有：作的學習，應該掌握的內容主要有： 在在【Internet信息服務信息服務】對話框中，選中對話框中，選中【默認默認FTP站點站點】選項，然后單擊鼠標

6、右鍵，在彈出的快彈菜單中選擇選項，然后單擊鼠標右鍵，在彈出的快彈菜單中選擇【屬性屬性】命令，打開命令，打開【默認默認FTP站點屬性站點屬性】對話框，選擇對話框，選擇【FTP站點站點】選項卡，在選項卡，在【IP地址地址】欄輸入或選擇欄輸入或選擇IP地址。地址。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作二 配置FTP服務器任務一小 結任務二實 訓Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作二 配置FTP服務器任務一小 結任務二實 訓 選擇選擇【安全賬戶安全賬戶】選項

7、卡，在選項卡，在【操作員操作員】列表中設置賬列表中設置賬戶（戶（Windows XP系統中的系統中的IIS賬戶是默認的，在服務器操作系賬戶是默認的，在服務器操作系統的統的IIS中是可以添加的）。選擇中是可以添加的）。選擇【主目錄主目錄】選項卡，在選項卡，在【本本地路徑地路徑】文本框中輸入文本框中輸入FTP目錄，如目錄，如“E:MyHomePage”，然，然后在后在【讀取讀取】、【寫入寫入】、【記錄訪問記錄訪問】選項前的復選框內打選項前的復選框內打上上“”。操作三 發布網頁Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站任務一小 結任務二

8、實 訓1. 設置遠程信息 本操作主要介紹發布網頁的方法。通過本操作的學本操作主要介紹發布網頁的方法。通過本操作的學習，應該掌握的內容主要有：習，應該掌握的內容主要有： 在站點管理器的在站點管理器的【顯示顯示】下拉列表中選擇要發布的站點，下拉列表中選擇要發布的站點，然后單擊然后單擊 （站點文件）按鈕，切換到遠程站點狀態。（站點文件）按鈕，切換到遠程站點狀態。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作三 發布網頁任務一小 結任務二實 訓 單擊單擊【定義遠程站點定義遠程站點】超級鏈接，打開站點超級鏈接，打開站點【遠程信息遠程信息】定

9、義對話框進行設置。連接成功后，就可以開始發布網頁了。定義對話框進行設置。連接成功后，就可以開始發布網頁了。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作三 發布網頁任務一小 結任務二實 訓2. 發布網頁 單擊工具欄上的單擊工具欄上的 （連接到遠端主機）按鈕，將會開始（連接到遠端主機）按鈕，將會開始連接遠端主機，即登錄連接遠端主機，即登錄FTP服務器。經過一段時間后，服務器。經過一段時間后， 按鈕上按鈕上的指示燈變為綠色，表示登錄成功了，并且變為的指示燈變為綠色，表示登錄成功了，并且變為 按鈕（再按鈕（再次單擊該按鈕就會斷開與次單擊

10、該按鈕就會斷開與FTP服務器的連接）。由于是第服務器的連接）。由于是第1次次上傳文件，遠程文件列表中是空的。上傳文件，遠程文件列表中是空的。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作三 發布網頁任務一小 結任務二實 訓 在在【本地文件本地文件】列表中，選擇站點根目錄，然后單擊工列表中，選擇站點根目錄，然后單擊工具欄中的具欄中的 （上傳文件）按鈕（上傳文件）按鈕,，開始上傳文件。，開始上傳文件。任務二 維護網站Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站任務一小 結任

11、務二實 訓本任務主要介紹維護網站的基本知識，如瀏覽器測試、鏈接測試、站點報告、清理文檔以及同步等。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作一 瀏覽器測試任務一小 結任務二實 訓瀏覽器測試 本操作主要介紹瀏覽器測試的方法。通過本操作的本操作主要介紹瀏覽器測試的方法。通過本操作的學習，應該掌握的內容主要有：學習，應該掌握的內容主要有： 瀏覽器測試是指網頁在不同種類的瀏覽器及同種瀏覽器瀏覽器測試是指網頁在不同種類的瀏覽器及同種瀏覽器不同版本中的顯示效果測試。打開要測試的網頁，然后選擇不同版本中的顯示效果測試。打開要測試的網頁，然后

12、選擇【窗口窗口】/【結果結果】命令，打開命令，打開【結果結果】面板，并切換到面板，并切換到【瀏瀏覽器兼容性檢查覽器兼容性檢查】選項卡。選項卡。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作一 瀏覽器測試任務一小 結任務二實 訓 單擊單擊 （檢查瀏覽器兼容性）按鈕，在彈出的下拉菜單（檢查瀏覽器兼容性）按鈕，在彈出的下拉菜單中選擇中選擇【設置設置】命令，打開命令，打開【目標瀏覽器目標瀏覽器】對話框。在對話框。在【目標目標瀏覽器瀏覽器】對話框中，選擇要測試的瀏覽器和版本，然后單擊對話框中，選擇要測試的瀏覽器和版本，然后單擊【確定確定】

13、按鈕完成檢測瀏覽器的設置并開始檢測，檢測的結按鈕完成檢測瀏覽器的設置并開始檢測，檢測的結果會顯示在果會顯示在【結果結果】面板中。面板中。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作二 鏈接測試任務一小 結任務二實 訓鏈接測試 本操作主要介紹鏈接測試的方法。通過本操作的學本操作主要介紹鏈接測試的方法。通過本操作的學習，應該掌握的內容主要有：習，應該掌握的內容主要有： 發布網頁前需要對網站中的超級鏈接進行測試。選擇發布網頁前需要對網站中的超級鏈接進行測試。選擇【窗口窗口】/【結果結果】命令打開命令打開【結果結果】面板，選擇面板，選擇

14、【鏈接檢查鏈接檢查器器】選項卡。在選項卡。在【顯示顯示】選項的下拉列表中選擇檢查鏈接的類選項的下拉列表中選擇檢查鏈接的類型，單擊型，單擊 按鈕，在彈出的下拉菜單中選擇需要的選項。按鈕，在彈出的下拉菜單中選擇需要的選項。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作三 修改鏈接任務一小 結任務二實 訓修改鏈接 本操作主要介紹修改鏈接的方法。通過本操作的學本操作主要介紹修改鏈接的方法。通過本操作的學習，應該掌握的內容主要有：習，應該掌握的內容主要有： 選擇選擇【站點站點】/【改變站點范圍的鏈接改變站點范圍的鏈接】命令，打開命令，打開【

15、更更改整個站點鏈接改整個站點鏈接】對話框，分別設置對話框，分別設置【更改所有的鏈接更改所有的鏈接】和和【變成新鏈接變成新鏈接】選項。選項。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作四 站點報告任務一小 結任務二實 訓使用站點報告 本操作主要介紹使用站點報告的方法。通過本操作本操作主要介紹使用站點報告的方法。通過本操作的學習，應該掌握的內容主要有：的學習，應該掌握的內容主要有： 選擇選擇【窗口窗口】/【結果結果】命令，并在命令，并在【結果結果】面板中選擇面板中選擇【站點報告站點報告】選項卡，打開選項卡，打開【站點報告站點報告】面

16、板。面板。單擊單擊 按鈕（第按鈕（第1個），打開個），打開【報告報告】對話框。對話框。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作四 使用站點報告任務一小 結任務二實 訓 根據需要選擇其中的選項，然后單擊根據需要選擇其中的選項，然后單擊 （運行）（運行） 按鈕，開按鈕，開始制作報告，結果會出現在始制作報告，結果會出現在【結果結果】/【站點報告站點報告】面板中。面板中。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作四 使用站點報告 在面板中選擇記錄，然后單擊左側第在面

17、板中選擇記錄，然后單擊左側第3個按鈕來查看詳細個按鈕來查看詳細的出錯信息，單擊第的出錯信息，單擊第4個按鈕將信息以文件形式保存。個按鈕將信息以文件形式保存。 雙擊列表中的文件名會打開該文檔，而且在文檔的代碼窗雙擊列表中的文件名會打開該文檔，而且在文檔的代碼窗口中會將需要修改的標簽加亮顯示。口中會將需要修改的標簽加亮顯示。任務一小 結任務二實 訓Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作五 清理文檔任務一小 結任務二實 訓清理文檔 本操作主要介紹清理文檔的方法。通過本操作的學本操作主要介紹清理文檔的方法。通過本操作的學習，應該掌

18、握的內容主要有：習，應該掌握的內容主要有： 選擇選擇【命令命令】/【清理清理HTML】命令，打開命令，打開【清理清理HTML/XHTML】對話框，在對話框中的對話框，在對話框中的【移除移除】選項組中勾選項組中勾選選【空標簽區塊空標簽區塊】和和【多余的嵌套標簽多余的嵌套標簽】選項，或者在選項，或者在【指定指定的標簽的標簽】選項的文本框內輸入所要刪除的標簽。將選項的文本框內輸入所要刪除的標簽。將【選項選項】選選項組中的項組中的【盡可能合并嵌套的盡可能合并嵌套的標簽標簽】和和【完成后顯示記完成后顯示記錄錄】選項勾選。選項勾選。 選擇選擇【命令命令】/【清理清理Word生成的生成的HTML】命令，打開

19、命令，打開【清清理理Word生成的生成的HTML】對話框，并設置對話框，并設置【基本基本】選項卡和選項卡和【詳細詳細】選項卡中的各項屬性。清理完畢將顯示結果消息框。選項卡中的各項屬性。清理完畢將顯示結果消息框。Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作五 清理文檔任務一小 結任務二實 訓Dreamweaver CS3網 頁 設 計 與 制 作項目十四：項目十四： 發布和維護網站發布和維護網站操作六 保持同步任務一小 結任務二實 訓1. 理解同步的概念 本操作主要介紹站點同步的方法。通過本操作的學本操作主要介紹站點同步的方法。通

20、過本操作的學習，應該掌握的內容主要有：習，應該掌握的內容主要有： 網頁發布以后，還要經常更新。要經常比較本地文件和網頁發布以后，還要經常更新。要經常比較本地文件和遠程服務器上的文件，修改過的文件、新增的文件要及時上傳遠程服務器上的文件，修改過的文件、新增的文件要及時上傳到遠程服務器。到遠程服務器。 使用同步功能可以將本地文件和遠程服務器上的文件進使用同步功能可以將本地文件和遠程服務器上的文件進行比較，不管哪端的文件或者文件夾發生改變，同步功能都將行比較，不管哪端的文件或者文件夾發生改變，同步功能都將這種改變反映出來，以便決定是上傳還是下載。這種改變反映出來，以便決定是上傳還是下載。 與與FTP主機連接成功后，選擇主機連接成功后，選擇【站點站點】/【同步同步】命令，打開命令，打開【同步文件同步文件】對話框。在對話框。在【同步同步】下拉列表中選擇要更新的站點，下拉列表中選擇要更新的站點，在在【方向方向】下拉列表中選擇需要的選項，如下拉列表中選擇需要的選項，如“放置較新的文件到放置較新的文件到遠程遠程”選項，單擊選項，單擊 【預覽預覽】 按鈕后，開始在本地計算機與服務按鈕后，開始在本地計算機與服務器端的文件之間進行比較，比較結束