第3章設(shè)置和管理站點(diǎn)

1、Dreamweaver CS3中文版應(yīng)用教程 第3章 設(shè)置和管理站點(diǎn) 重點(diǎn)內(nèi)容： 創(chuàng)建本地站點(diǎn) 設(shè)置本地和遠(yuǎn)程文件夾 設(shè)置FTP訪問方式 上傳和獲取文件 遮蓋及設(shè)計備注的應(yīng)用 Dreamweaver CS3中文版應(yīng)用教程 一、 關(guān)于Dreamweaver站點(diǎn) 1.本地計算機(jī)和Internet服務(wù)器 本地計算機(jī)：瀏覽網(wǎng)頁的訪問者所使用的計算機(jī)被稱 作本地計算機(jī)。因?yàn)樵L問者可直接在計算機(jī)上操作，啟 動瀏覽器，打開網(wǎng)頁，本地計算機(jī)對于訪問者來說是真 正的實(shí)體。 Internet服務(wù)器：是用于提供Internet服務(wù)（包括 WWW、FTP和E-mail等服務(wù)）的計算機(jī)。對于WWW瀏覽服 務(wù)來說，Int

2、ernet服務(wù)器主要用于存儲所瀏覽的Web網(wǎng) 站和頁面。 Dreamweaver CS3中文版應(yīng)用教程 一、 關(guān)于Dreamweaver站點(diǎn) 2.本地站點(diǎn)和遠(yuǎn)程站點(diǎn) 本地站點(diǎn)：利用Dreamweaver，用戶可以在本地計算 機(jī)上創(chuàng)建出網(wǎng)站的框架，從整體上把握網(wǎng)站全局。由于 這時候沒有同Internet連接，因此有充裕的時間完成網(wǎng) 站的設(shè)計，進(jìn)行完善的測試，這樣在本地計算機(jī)上創(chuàng)建 的網(wǎng)站就稱作本地站點(diǎn)。 遠(yuǎn)程站點(diǎn)：用戶在Internet上所瀏覽的各種網(wǎng)站，其 實(shí)質(zhì)就是用瀏覽器打開存儲于Internet服務(wù)器上的HTML 文檔及其他相關(guān)資源，即遠(yuǎn)程網(wǎng)站。在本地站點(diǎn)設(shè)計后， 可以利用各種上傳工具如C

3、utFTP等將本地點(diǎn)站上傳到 Internet服務(wù)器上，從而形成遠(yuǎn)程站點(diǎn)。 Dreamweaver CS3中文版應(yīng)用教程 二、 創(chuàng)建本地站點(diǎn) 1.創(chuàng)建站點(diǎn) 選擇“站 點(diǎn)”|“新建站點(diǎn)” 命令，打開定義站 點(diǎn)向?qū)В凑仗崾?進(jìn)行操作。 Dreamweaver CS3中文版應(yīng)用教程 二、 創(chuàng)建本地站點(diǎn) 2.新建和保存網(wǎng)頁 從歡迎屏幕中單擊“新建”欄中的所需按鈕。 選擇“文件”|“新建”命令，打開“新建文檔”對 話框，選擇并創(chuàng)建所需新文檔。 Dreamweaver CS3中文版應(yīng)用教程 二、 創(chuàng)建本地站點(diǎn) 2.新建和保存網(wǎng)頁 選擇“文件”|“保存”命令，打開“另存為”對 話框，從“保存在”下拉列表中

4、選擇保存路徑，在“文 件名”列表框中輸入文件名稱，保存類型使用默認(rèn)值， 然后單擊“保存”按鈕即可保存新文檔。 Dreamweaver CS3中文版應(yīng)用教程 二、 創(chuàng)建本地站點(diǎn) 3.新建和保存網(wǎng)頁 首頁是網(wǎng)站中的重要元素。新建網(wǎng)頁后，該網(wǎng)頁會 顯示在“文件”面板中的相關(guān)站點(diǎn)下方。右擊要設(shè)置為 主頁的網(wǎng)頁名稱，從彈出的快捷菜單中選擇“設(shè)成首頁” 命令，即可將該網(wǎng)頁設(shè)置為網(wǎng)站首頁。 Dreamweaver CS3中文版應(yīng)用教程 三、 使用站點(diǎn)地圖 在“文件”面板中單擊“展開/折疊”按鈕 ，展開站 點(diǎn)文件窗口，單擊工具欄中的“站點(diǎn)地圖”按鈕 ，從彈出 的菜單中選擇“地圖和文件”命令。 Dreamwea

5、ver CS3中文版應(yīng)用教程 四、 設(shè)置本地和遠(yuǎn)程文件夾 1.設(shè)置本地文件夾 在“站點(diǎn)定義為” 對話框的“高級”選 項(xiàng)卡中，從“分類” 列表框中選擇“本地 信息”選項(xiàng)，即可設(shè) 置網(wǎng)站名稱、本地根 文件夾及默認(rèn)圖像文 件夾等內(nèi)容。 Dreamweaver CS3中文版應(yīng)用教程 四、 設(shè)置本地和遠(yuǎn)程文件夾 2.設(shè)置遠(yuǎn)程文件夾 在“站點(diǎn)定義為” 對話框的“高級”選 項(xiàng)卡中，從“分類” 列表框中選擇“遠(yuǎn)程 信息”選項(xiàng)，即可設(shè) 置遠(yuǎn)程文件夾。 Dreamweaver CS3中文版應(yīng)用教程 四、 設(shè)置本地和遠(yuǎn)程文件夾 3.設(shè)置遠(yuǎn)程文件夾時應(yīng)注意的事項(xiàng) （1） Dreamweaver FTP實(shí)現(xiàn)方案可能不適

6、用于某些代 理服務(wù)器、多級防火墻和其他形式的間接服務(wù)器訪問。 （2） 對于Dreamweaver FTP實(shí)現(xiàn)，必須連接到遠(yuǎn)程系 統(tǒng)的根文件夾。確保將遠(yuǎn)程系統(tǒng)的根文件夾指定為主機(jī) 目錄。如果有連接問題，并且使用一個單斜杠（/）指 定了主機(jī)目錄，則可能需要指定一個相對于所連接目錄 和遠(yuǎn)程根文件夾的路徑。例如，如果遠(yuǎn)程根文件夾是一 個更高級別的目錄，則需要為主機(jī)目錄指定“././”。 Dreamweaver CS3中文版應(yīng)用教程 四、 設(shè)置本地和遠(yuǎn)程文件夾 3.設(shè)置遠(yuǎn)程文件夾時應(yīng)注意的事項(xiàng) （3） 上傳的文件及文件夾名稱不要使用空格和特殊字 符（如冒號、斜杠、句點(diǎn)和撇號），以免出現(xiàn)上傳文件 后斷鏈等

7、現(xiàn)象。除此之外，若文件名或文件夾名中存在 特殊字符，可能會妨礙Dreamweaver創(chuàng)建站點(diǎn)地圖。 （4） 上傳文件的時候一定要確保遠(yuǎn)程文件夾有足夠的 空間，以免出現(xiàn)“無法上傳文件”等錯誤信息。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 1.導(dǎo)入和導(dǎo)出站點(diǎn) 導(dǎo)入站點(diǎn)：選擇“站點(diǎn)”|“管理站點(diǎn)”命令，打開 “管理站點(diǎn)”對話框。單擊右側(cè)的“導(dǎo)入”按鈕，打開 “導(dǎo)入站點(diǎn)”對話框，選擇要導(dǎo)入的網(wǎng)站名稱，單擊 “打開”按鈕，返回到“管理站點(diǎn)”對話框，單擊“完 成”按鈕。 導(dǎo)出網(wǎng)站：打開“管理站點(diǎn)”對話框后，從列表框中 選擇已存在的網(wǎng)站，然后單擊“導(dǎo)出”按鈕，打開“導(dǎo) 出站點(diǎn)”對

8、話框，其默認(rèn)的保存類型為“站點(diǎn)定義文件 （*.ste）”。選擇保存的位置后，單擊“保存”按鈕， 返回“管理站點(diǎn)”對話框，單擊“完成”按鈕。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 2.從站點(diǎn)列表中刪除站點(diǎn) 打開“管理站點(diǎn)”對話框，從列表框中選擇要刪除 的站點(diǎn)名稱，單擊“刪除”按鈕。此時會打開一個警告 對話框，警告用戶此動作是不可撤銷的。單擊“是”按 鈕即可從列表中刪除站點(diǎn)。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 3.獲取和上傳文件 上傳文件：展開“文件”面板，在窗口工具欄右側(cè)的 “顯示”列表框中選擇要上傳的文件，然后在“文件” 面板中單

9、擊工具欄中的“上傳文件”按鈕，并在打開的 要用戶確認(rèn)上傳文件的對話框中單擊“確定”按鈕，即 可開始上傳網(wǎng)站。 獲取文件：在展開的“文件”面板中的“顯示”下拉 列表框中選擇該文件所在的網(wǎng)站，然后從窗口左側(cè)列表 框中（服務(wù)器端）選擇要獲取的文件，單擊工具欄中的 “獲取文件”按鈕，即完成從遠(yuǎn)程或測試服務(wù)器中獲取 文件操作。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 4.同步本地和遠(yuǎn)程站點(diǎn)上的文件 在同步文件之前，應(yīng)先對要上傳、獲取、刪除或忽 略的文件進(jìn)行驗(yàn)證，然后選擇該站點(diǎn)并選擇特定的文件 或文件夾，然后單擊“文件”面板右上角的“選項(xiàng)”按 鈕 ，從彈出的菜單中選擇“站點(diǎn)”|

10、“同步”命令，或 者右擊站點(diǎn)名稱，從彈出的菜單中選擇“站點(diǎn)”|“同 步”命令，打開“同步文件”對話框，從中設(shè)置“同步” 及“方向”選項(xiàng)。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 5.遮蓋站點(diǎn)中的文件夾和文件 禁用和啟用遮蓋 （1）單擊“文件”面板右上角的“選項(xiàng)”按鈕，從彈 出的菜單中選擇“站點(diǎn)”|“遮蓋”|“啟用掩蓋”命令。 （2）右擊文件夾或文件，從彈出的快捷菜單中選擇 “遮蓋”|“啟用掩蓋”命令。 （3）單擊“文件”面板右上角“選項(xiàng)”按鈕，從彈出 的菜單中選擇“站點(diǎn)”|“遮蓋”|“設(shè)置”命令，或者 右擊文件列表的任意處，從彈出的快捷菜單中選擇“遮 蓋”|“設(shè)置”

11、命令，打開網(wǎng)站定義對話框的“高級” 選項(xiàng)卡，在“分類”列表框中選擇“遮蓋”選項(xiàng)， 然后選中或清除“啟用遮蓋”復(fù)選框。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 5.遮蓋站點(diǎn)中的文件夾和文件 遮蓋和取消遮蓋文件夾 （1）單擊“文件”面板右上角的“選項(xiàng)”按鈕 ，從彈 出的菜單中選擇“站點(diǎn)”|“遮蓋”|“遮蓋”命令或 “站點(diǎn)”|“遮蓋”|“取消掩蓋”命令。 （2）右擊所需文件夾，從彈出的快捷菜單中選擇“遮 蓋”|“遮蓋”或“遮蓋”|“取消掩蓋”命令。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 5.遮蓋站點(diǎn)中的文件夾和文件 遮蓋和取消遮蓋特定文件類型

12、：打開網(wǎng)站定義對話框 的“高級”選項(xiàng)卡，在“分類”列表框中選擇“遮蓋” 選項(xiàng)，確定選中“啟用遮蓋”復(fù)選框，然后選擇“遮蓋 具有以下擴(kuò)展名的文件”復(fù)選框，并在文本框中進(jìn)行文 件類型設(shè)置。設(shè)置完畢單擊“確定”按鈕。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 5.遮蓋站點(diǎn)中的文件夾和文件 取消所有文件夾和文件的遮蓋：單擊“文件”面板右 上角的“選項(xiàng)”按鈕 ，從彈出的菜單中選擇“站 點(diǎn)”|“遮蓋”|“全部取消遮蓋”命令，或者右擊文件 列表的任意處，從彈出的快捷菜單中選擇“遮 蓋”|“全部取消遮蓋”命令，即可取消對所有文件夾 和文件的遮蓋。 Dreamweaver CS3中文版應(yīng)用教程 五、 管理Web站點(diǎn) 6.使用設(shè)計備注 （1）啟用和禁用設(shè)計備注 默認(rèn)狀態(tài)下，設(shè)計備注 為啟用狀態(tài)。如果要禁用設(shè) 計備注，應(yīng)打開站點(diǎn)定義對 話框，選擇“分類”列表框 中的“設(shè)計備注”選項(xiàng)，然 后清除“維護(hù)設(shè)計備注”復(fù) 選框。 Dreamweaver CS3中文