第9章創(chuàng)建站點(diǎn)和文檔

1、第第9章章 創(chuàng)建站點(diǎn)和文檔創(chuàng)建站點(diǎn)和文檔 本章要點(diǎn)： 創(chuàng)建新站點(diǎn)、編輯站點(diǎn) 新建文檔 設(shè)置文檔屬性9.1 站點(diǎn)的建立和管理站點(diǎn)的建立和管理 在使用Dreamweaver MX制作網(wǎng)頁(yè)前，通常要先定義一個(gè)本地站點(diǎn)。所謂本地站點(diǎn)就是本地計(jì)算機(jī)硬盤上的一個(gè)文件夾，站點(diǎn)內(nèi)的所有文件夾、網(wǎng)頁(yè)文檔、圖片及其它資源文件都存放在該文件夾下。創(chuàng)建站點(diǎn)就是要先在本地計(jì)算機(jī)硬盤上建立一個(gè)目錄，然后用Dreamweaver MX新建站點(diǎn)，再進(jìn)行網(wǎng)頁(yè)的制作，并將所有的網(wǎng)頁(yè)和相關(guān)的文件都放在里面。 9.1.1 創(chuàng)建新站點(diǎn)創(chuàng)建新站點(diǎn) 創(chuàng)建一個(gè)新站點(diǎn)的步驟如下： （1）首先確定本地站點(diǎn)的根目錄所在位置。 （2）啟動(dòng)Dream

2、weaver MX，選擇菜單命令【站點(diǎn)】【新建站點(diǎn)】，即可打開“站點(diǎn)定義”對(duì)話框，此時(shí)選擇“高級(jí)”標(biāo)簽，如圖 （3）左邊“分類”中是可選擇的選項(xiàng)，右邊則是與之對(duì)應(yīng)的詳細(xì)信息選項(xiàng)。 （4）在“站點(diǎn)名稱”文本框中輸入站點(diǎn)的名稱。（5）在“本地根文件夾”文本框中，輸入該本地站點(diǎn)根目錄的位置。 （6）如選中“自動(dòng)刷新本地文件列表”復(fù)選框，則每次向本地站點(diǎn)復(fù)制文件，或從本地站點(diǎn)刪除文件時(shí)，會(huì)自動(dòng)刷新站點(diǎn)窗口的文件列表。 （7）在“默認(rèn)圖像文件夾”對(duì)話框中，可以輸入本地站點(diǎn)中默認(rèn)的保存圖像的文件夾名，該文件夾必須位于站點(diǎn)根目錄內(nèi)。（8）在“HTTP地址”對(duì)話框輸入該站點(diǎn)的域名，若沒有域名也可空著。其他設(shè)置

3、如圖 （9）設(shè)置結(jié)束，單擊“確定”按鈕，完成本地站點(diǎn)的建立?！罢军c(diǎn)”面板現(xiàn)在顯示當(dāng)前站點(diǎn)的新本地根文件夾，同時(shí)顯示一個(gè)圖標(biāo)能以分層視圖查看所有本地磁盤。如圖 : 注意：注意： （1）作為本地站點(diǎn)的根文件夾名，站點(diǎn)內(nèi)的子文件夾和站點(diǎn)內(nèi)所有的網(wǎng)頁(yè)文件名以及其他文件名，最好全部采用英文或數(shù)字進(jìn)行命名，因?yàn)镈reamweaver MX和目前互聯(lián)網(wǎng)上不識(shí)別中文文件名。（2）一個(gè)站點(diǎn)的創(chuàng)建工作只需做一次，本次創(chuàng)建的站點(diǎn)，在下次啟動(dòng)Dreamweaver MX時(shí)，系統(tǒng)會(huì)默認(rèn)進(jìn)入該站點(diǎn)。 （3）若有多個(gè)站點(diǎn)，則可在如圖所示的“站點(diǎn)”面板，通過在面板列表中選擇一個(gè)現(xiàn)存站點(diǎn)來打開一個(gè)站點(diǎn)。 9.1.2 編輯站點(diǎn)編

4、輯站點(diǎn) 站點(diǎn)創(chuàng)建后，若不滿意還可以對(duì)它進(jìn)行修改。步驟如下： （1）選擇菜單命令【站點(diǎn)】【編輯站點(diǎn)】，或如上圖所示在“站點(diǎn)”面板列表選擇“編輯站點(diǎn)”，這時(shí)將打開編輯站點(diǎn)對(duì)話框，如圖： （2）從列表中選擇要修改或編輯的站點(diǎn)名，單擊“編輯”按鈕，出現(xiàn)如圖所示的對(duì)話框，根據(jù)需要對(duì)其中參數(shù)進(jìn)行修改，修改完畢單擊“確定”。 （3）返回如圖所示的對(duì)話框，單擊“完成”按鈕確定所作的修改。 （4）在如圖所示的對(duì)話框中，還可進(jìn)行站點(diǎn)的新建、刪除和復(fù)制。若單擊“新建”按鈕，則會(huì)打開如圖所示對(duì)話框，可創(chuàng)建一個(gè)新站點(diǎn)。 （5）若選中某個(gè)站點(diǎn)名，再單擊“刪除”按鈕，此時(shí)出現(xiàn)提示對(duì)話框，詢問是否真的要?jiǎng)h除該站點(diǎn)，選擇“是”

5、就可刪除所選的站點(diǎn)，且此操作是不可恢復(fù)的。（6）若選中某個(gè)站點(diǎn)名，再單擊“復(fù)制”按鈕，則可將該站點(diǎn)復(fù)制，新站點(diǎn)名出現(xiàn)在站點(diǎn)列表中，新名稱為原名后加上“拷貝”。如需要可單擊“編輯”，對(duì)其進(jìn)行修改。 9.2 創(chuàng)建文檔 9.2.1 新建文檔新建文檔 要新建一個(gè)空白文檔，可以有以下幾種方法： (1)啟動(dòng)Dreamweaver MX，就可直接創(chuàng)建一個(gè)空白網(wǎng)頁(yè)，對(duì)其進(jìn)行編輯后保存。 (2)若已啟動(dòng)Dreamweaver MX，在“站點(diǎn)”面板中，選擇菜單命令【文件】【新建文件】，即可在站點(diǎn)目錄下建立一個(gè)空白文檔。（3）在文檔窗口選擇菜單命令【文件】【新建】，打開新建文檔對(duì)話框，選擇“常規(guī)”選項(xiàng)，在“類別”列

6、表中，選擇要?jiǎng)?chuàng)建的文檔類別。 9.2.2 打開已有文檔打開已有文檔 打開一個(gè)現(xiàn)有的文檔，可采用如下幾種方法： （1）在文檔窗口，選擇菜單命令【文件】【打開】，出現(xiàn)“打開”對(duì)話框，選擇需要的文件，按“打開”按鈕，即可打開該文件。（2）若需打開的文件就在本站點(diǎn)中，則在“站點(diǎn)”面板中，鼠標(biāo)雙擊要打開的文件名，即可在文檔窗口打開該文件。 9.2.3 添加元素、瀏覽頁(yè)面添加元素、瀏覽頁(yè)面 1在文檔中添加元素 向文檔中添加各種對(duì)象有以下方法：一是可以通過【插入】菜單命令來插入各種對(duì)象；二是可以使用“插入”面板，通過單擊面板上的相應(yīng)圖標(biāo)按鈕，向網(wǎng)頁(yè)中添加對(duì)象。2瀏覽頁(yè)面 要在瀏覽器中預(yù)覽某個(gè)頁(yè)面，可以按鍵盤

7、上的【F12】建，或者單擊文檔工具欄的“預(yù)覽/調(diào)試”按鈕，在彈出的下拉菜單中選擇“預(yù)覽在Iexplore”。此時(shí)會(huì)打開瀏覽器窗口，即可看到頁(yè)面的外觀效果。 9.2.4 保存文檔保存文檔 保存文檔的步驟如下： 1）切換到要保存的文檔所在的文檔窗口，選擇菜單【文件】【保存】命令，或是按下Ctrl+S組合鍵。 2）如果文檔尚未被保存過，則會(huì)出現(xiàn)Windows標(biāo)準(zhǔn)的文件保存對(duì)話框。選擇路徑并輸入文件名，按下“保存”按鈕，即可存儲(chǔ)文檔。 3）如果文檔已經(jīng)被保存過，則會(huì)直接存儲(chǔ)文檔 。9.3 設(shè)置文檔的頁(yè)面屬性9.3.1 設(shè)置頁(yè)面標(biāo)題設(shè)置頁(yè)面標(biāo)題的方法可以有以下幾種：（1）直接在工具欄的“標(biāo)題”文本框輸入

8、頁(yè)面標(biāo)題，如圖 ： （2）選擇【修改】【頁(yè)面屬性】菜單命令，或在網(wǎng)頁(yè)空白處單擊鼠標(biāo)右鍵，選擇“頁(yè)面屬性”項(xiàng)，打開“頁(yè)面屬性”對(duì)話框，如圖所示，在“標(biāo)題”文本框輸入頁(yè)面標(biāo)題，單擊“確定”按鈕。 （3）選擇【查看】【文件頭內(nèi)容】菜單命令，出現(xiàn)頭部?jī)?nèi)容欄，單擊其中的標(biāo)題圖標(biāo)按鈕，打開標(biāo)題屬性面板，在標(biāo)題框內(nèi)輸入頁(yè)面標(biāo)題。如圖 ：9.3.2 頁(yè)面屬性的設(shè)置頁(yè)面屬性的設(shè)置 選擇【修改】【頁(yè)面屬性】菜單命令，或在網(wǎng)頁(yè)空白處單擊鼠標(biāo)右鍵，選擇“頁(yè)面屬性”項(xiàng)，可以打開“頁(yè)面屬性”對(duì)話框，進(jìn)行綜合設(shè)置文檔的頁(yè)面屬性。如圖 ：9.3.3 定義文本的顏色定義文本的顏色 選擇【命令】【設(shè)定配色方案】菜單命令，打開如圖

9、所示的對(duì)話框。在左邊的背景列表選擇背景顏色，在右邊的文本和鏈接列表選擇需要的文本和鏈接顏色，在最右邊的示例框中顯示所選擇的顏色方案。如果滿意，單擊“應(yīng)用”或“確定”按鈕 9.3.4 使用歷史面板使用歷史面板 1歷史面板 擇【窗口】【其它】【歷史記錄】菜單命令，或使用快捷鍵Shift+F10，即可打開歷史面板。如圖 ：2撤消操作 提示：當(dāng)撤消一步或多步操作后，又執(zhí)行了新操作，則原來被撤消的操作將不可再恢復(fù)，且這些操作會(huì)從步驟列表消失，取而代之的是新的操作步驟。3自動(dòng)化任務(wù)自動(dòng)化任務(wù)在歷史面板中可以一次重復(fù)一個(gè)或多個(gè)步驟，而且如果要經(jīng)常執(zhí)行某些操作，可以創(chuàng)建一個(gè)新命令，讓其自動(dòng)執(zhí)行這些操作。 9.4 小結(jié)小結(jié) 本章主要介紹了