網(wǎng)頁(yè)制作：項(xiàng)目15 發(fā)布和維護(hù)網(wǎng)站--ppt課件

1、主講：網(wǎng)頁(yè)設(shè)計(jì)與制造Dreamweaver 8工程十五 發(fā)布和維護(hù)網(wǎng)站義務(wù)一 配置效力器義務(wù)二 發(fā)布網(wǎng)站義務(wù)三 維護(hù)網(wǎng)站工程十五： 發(fā)布和維護(hù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制造Dreamweaver 8義務(wù)一義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一 配置效力器Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站配置效力器操作動(dòng)畫經(jīng)過(guò)本操作的學(xué)習(xí)，需求掌握以下內(nèi)容：1、安裝IIS效力器的方法1在【控制面版】中單擊【添加或刪除程序】選項(xiàng)翻開(kāi)【添加或刪除程序】對(duì)話框。2單擊【添加/刪除Windows組件A】圖標(biāo)進(jìn)入【W(wǎng)indows組件導(dǎo)游】對(duì)話框，并勾選【Internet效力器IIS】復(fù)選框。3假設(shè)計(jì)劃將FTP

2、效力器也安裝上，雙擊【Internet效力器IIS】選項(xiàng)，翻開(kāi)【Internet信息效力IIS】對(duì)話框，勾選【文件傳輸協(xié)議FTP效力】復(fù)選框。 義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一2、配置Web效力器的方法1在【控制面版】/【管理工具】中雙擊【Internet信息效力】選項(xiàng)，翻開(kāi)【Internet信息效力】對(duì)話框。2選中【默許網(wǎng)站】選項(xiàng)，然后單擊鼠標(biāo)右鍵，在彈出的快彈菜單中選擇【屬性】命令翻開(kāi)【默許網(wǎng)站屬性】對(duì)話框，選擇【網(wǎng)站】選項(xiàng)卡，在【IP地址】欄選擇或輸入本機(jī)的IP地址。3選擇【主目錄】選項(xiàng)卡，在【本地途徑】文本框中定義網(wǎng)頁(yè)所在的目錄。4選擇【文檔】選項(xiàng)卡，在“默許文檔名文本框中輸入首頁(yè)文件名

3、。 Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站義務(wù)一 配置效力器義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一 網(wǎng)頁(yè)在本地制造終了并測(cè)試勝利后，需求上傳到Internet上，這樣用戶才干訪問(wèn)。假設(shè)是個(gè)人網(wǎng)站，可以到Internet上懇求一個(gè)免費(fèi)空間。假設(shè)是企業(yè)，應(yīng)該思索以下做法。虛擬主機(jī)方案；租用ISP的Web效力器磁盤空間，將本人的主頁(yè)放在ISP的Web效力器上。對(duì)于普通企業(yè)來(lái)說(shuō)，這是最經(jīng)濟(jì)的方案。虛擬主機(jī)與真實(shí)主機(jī)在運(yùn)作上和用戶訪問(wèn)上都沒(méi)有區(qū)別，而且企業(yè)的投入也比較低。效力器托管方案：因有較大的信息量和數(shù)據(jù)庫(kù)而需求很大的空間或者需求建立一個(gè)很大的站點(diǎn)時(shí)，可以采用此方案。將用戶放有本

4、人制造的主頁(yè)的效力器或Internet主機(jī)放在ISP網(wǎng)絡(luò)中心機(jī)房中，借用ISP的網(wǎng)絡(luò)通訊系統(tǒng)接入Internet。DDN專線接入方案：用戶可以將效力器設(shè)置在本地機(jī)房，再經(jīng)過(guò)DDN專線與ISP的網(wǎng)絡(luò)中心的路由器端口銜接，成為一臺(tái)Internet主機(jī)。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站義務(wù)二 發(fā)布網(wǎng)站義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一操作一 配置FTP效力器1在【控制面版】/【管理工具】中雙擊【Internet信息效力】選項(xiàng)，翻開(kāi)【Internet信息效力】對(duì)話框。 2選中【默許FTP站點(diǎn)】選項(xiàng)，然后單擊鼠標(biāo)右鍵，在彈出的快彈菜單中選擇【屬性】命令翻開(kāi)【默許FTP站點(diǎn)屬

5、性】對(duì)話框，選擇【FTP站點(diǎn)】選項(xiàng)卡，在【IP地址】欄輸入或選擇IP地址。3選擇【平安帳戶】選項(xiàng)卡，在【操作員】列表中添加帳戶。4選擇【主目錄】選項(xiàng)卡，在【本地途徑】文本框中輸入FTP目錄，然后在【讀取】、【寫入】、【記錄訪問(wèn)】選項(xiàng)前的復(fù)選框內(nèi)劃上“。假設(shè)存放網(wǎng)頁(yè)的效力器是屬于本人的，而且要經(jīng)過(guò)FTP方式發(fā)布網(wǎng)頁(yè)，這就要求提早配置好FTP效力器 。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一操作二 發(fā)布網(wǎng)頁(yè)1在【文件】/【文件】面板中單擊【展開(kāi)/折疊】按鈕，展開(kāi)站點(diǎn)管理器。在【顯示】下拉列表框中選擇要發(fā)布的站點(diǎn)，然后單擊【站點(diǎn)文件】按鈕，切換

6、到遠(yuǎn)程站點(diǎn)形狀。1.在Dreamweaver中配置FTP的相關(guān)參數(shù) Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一2單擊【定義遠(yuǎn)程站點(diǎn)】超級(jí)鏈接，翻開(kāi)站點(diǎn)【遠(yuǎn)程信息】定義對(duì)話框。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作二 發(fā)布網(wǎng)頁(yè)義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一3在【訪問(wèn)】下拉列表中選擇“FTP選項(xiàng)，然后設(shè)置FTP效力器的各項(xiàng)參數(shù)。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作二 發(fā)布網(wǎng)頁(yè)義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一1單擊工具欄上的銜接到遠(yuǎn)端主機(jī)按鈕，將會(huì)開(kāi)場(chǎng)銜接遠(yuǎn)端主機(jī)，即登錄FTP效力器

7、。由于是第1次上傳文件，遠(yuǎn)程文件列表中是空的 。 Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作二 發(fā)布網(wǎng)頁(yè)2、網(wǎng)頁(yè)發(fā)布義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一2在【本地文件】列表中，選擇站點(diǎn)根目錄，然后單擊工具欄中的 【上傳文件】按鈕，會(huì)出現(xiàn)一個(gè)“您確定要上傳整個(gè)站點(diǎn)嗎？對(duì)話框，單擊【確定】按鈕將一切文件上傳到遠(yuǎn)端效力器。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作二 發(fā)布網(wǎng)頁(yè)義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一義務(wù)三 維護(hù)網(wǎng)站 在上傳網(wǎng)頁(yè)之前，還有一些任務(wù)需求做，這也是維護(hù)網(wǎng)站的一些手段，如：站點(diǎn)報(bào)告檢查站點(diǎn)范圍的鏈接查找和交換功能清理文檔堅(jiān)持同步 Dre

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

9、十五： 發(fā)布和維護(hù)網(wǎng)站操作一 運(yùn)用站點(diǎn)報(bào)告義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一 3.根據(jù)需求選擇其中的選項(xiàng)，然后單擊【運(yùn)轉(zhuǎn)】 按鈕，開(kāi)場(chǎng)制造報(bào)告，結(jié)果會(huì)出如今【結(jié)果】/【站點(diǎn)報(bào)告】面板中。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作一 運(yùn)用站點(diǎn)報(bào)告 4.在面板中選擇記錄，然后單擊左側(cè)第3個(gè)按鈕來(lái)查看詳細(xì)的出錯(cuò)信息，單擊第4個(gè)按鈕將信息以文件方式保管。 5.雙擊列表中的文件名會(huì)翻開(kāi)該文檔，而且在文檔的代碼窗口中會(huì)將需求修正的標(biāo)簽加亮顯示。義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作二 檢查站點(diǎn)范圍的鏈接整個(gè)網(wǎng)站中的超級(jí)鏈

10、接數(shù)不勝數(shù)，發(fā)布網(wǎng)頁(yè)以前需求對(duì)這些鏈接進(jìn)展測(cè)試。Dreamweaver 8提供了對(duì)整個(gè)站點(diǎn)的鏈接一致進(jìn)展檢查的功能。 1.在主菜單中選擇【窗口】/【結(jié)果】命令，并在【結(jié)果】面板中選擇【鏈接檢查器】選項(xiàng)卡。 2.在【顯示】選項(xiàng)的下拉列表中選擇檢查鏈接的類型。 3.單擊左側(cè)第1個(gè)按鈕，在彈出的下拉菜單中選擇【為整個(gè)站點(diǎn)檢查鏈接】選項(xiàng)，Dreamweaver 8將自動(dòng)開(kāi)場(chǎng)檢測(cè)站點(diǎn)里的一切鏈接，結(jié)果也將顯示在【文件】列表中。義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一假設(shè)需求改動(dòng)網(wǎng)站中成千上萬(wàn)個(gè)鏈接中的一個(gè)，會(huì)涉及到很多文件。由于鏈接是相互的，改動(dòng)其中一個(gè)，其他網(wǎng)頁(yè)中與發(fā)生變化的網(wǎng)頁(yè)有關(guān)的鏈接也要改動(dòng)。逐個(gè)地翻開(kāi)相

11、關(guān)網(wǎng)頁(yè)去修正是一件非常費(fèi)事的事情，Dreamweaver 8有專門的功能來(lái)實(shí)現(xiàn)這項(xiàng)修正。在主菜單中選擇【站點(diǎn)】/【改動(dòng)站點(diǎn)范圍的鏈接】命令，翻開(kāi)【更改整個(gè)站點(diǎn)鏈接】對(duì)話框，設(shè)置【更改一切的鏈接】和【變成新鏈接】選項(xiàng)并加以確認(rèn)即可。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作三 改動(dòng)站點(diǎn)范圍的鏈接義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一假設(shè)要同時(shí)修正多個(gè)文檔，可以運(yùn)用查找和交換功能來(lái)實(shí)現(xiàn)。在主菜單中選擇【編輯】/【查找和交換】命令，翻開(kāi)【查找和交換】對(duì)話框。可以根據(jù)實(shí)踐需求進(jìn)展設(shè)置。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作四 運(yùn)用查找和交換義務(wù)二小

12、結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一清理文檔也就是清理一些空標(biāo)簽或者在Word中編輯HTML文檔時(shí)所產(chǎn)生的一些多余標(biāo)簽的任務(wù)。1、首先翻開(kāi)需求清理的文檔，然后在主菜單中選擇【命令】/【清理HTML】命令，翻開(kāi)【清理HTML/XHTML】對(duì)話框，在對(duì)話框中的【移除】選項(xiàng)組中根據(jù)需求勾選相應(yīng)的選項(xiàng)或者在【指定的標(biāo)簽】選項(xiàng)的文本框內(nèi)輸入所要?jiǎng)h除的標(biāo)簽。將【選項(xiàng)】選項(xiàng)組中的【盡能夠合并嵌套的 標(biāo)簽】和【完成后顯示記錄】選項(xiàng)勾選。清理終了后，彈出一個(gè)對(duì)話框，報(bào)告清理任務(wù)的結(jié)果。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作五 清理文檔義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一2、在主菜單中選擇【命令】/【清

13、理Word生成的HTML】命令，翻開(kāi)【清理Word生成的HTML】對(duì)話框，并設(shè)置【根本】選項(xiàng)卡和【詳細(xì)】選項(xiàng)卡中的各項(xiàng)屬性。清理終了將顯示結(jié)果音訊框。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作五 清理文檔義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一1.與FTP主機(jī)銜接勝利后，在主菜單中選擇【站點(diǎn)】/【同步】命令，翻開(kāi)【同步文件】對(duì)話框，Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作六 堅(jiān)持同步同步的概念可以這樣了解，在遠(yuǎn)端效力器與本地計(jì)算機(jī)之間架設(shè)一座橋梁，這座橋梁可以將兩端的文件和文件夾進(jìn)展比較，不論哪端的文件或者文件夾發(fā)生改動(dòng)，同步功能都將這種改動(dòng)反映出來(lái)，便于決議上傳或者下載。同步功能防止了許多盲目性，這在網(wǎng)頁(yè)維護(hù)任務(wù)中顯得尤為重要。義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一2.在【同步】下拉列表中選擇“整個(gè)個(gè)人博客站點(diǎn) 選項(xiàng)，在【方向】下拉列表中選擇“放置較新的文件到遠(yuǎn)程選項(xiàng)，單擊 【預(yù)覽】 按鈕后，開(kāi)場(chǎng)在本地計(jì)算機(jī)與效力器端的文件之間進(jìn)展比較，比較終了后，將在列表中羅列出需求上傳的文件稱號(hào)。單擊 【確定】按鈕，系統(tǒng)便自動(dòng)更新遠(yuǎn)端效力器中的文件。Dreamweaver 8網(wǎng)頁(yè)設(shè)計(jì)與制造工程十五： 發(fā)布和維護(hù)網(wǎng)站操作六 堅(jiān)持同步義務(wù)二小 結(jié)義務(wù)三實(shí) 訓(xùn)義務(wù)一實(shí)訓(xùn) 配置效力器和發(fā)布站點(diǎn)實(shí)訓(xùn)將要求對(duì)效力器IIS進(jìn)展簡(jiǎn)單配置，同時(shí)將本機(jī)上的文件發(fā)布到效力