1、第四講 Dreamweaver基礎(chǔ)8/15/2022本講主要內(nèi)容Dreamweaver工作區(qū)Dreamweaver工作流程網(wǎng)站設(shè)計與網(wǎng)頁制作操作的對象站點文件元素復(fù)合元素單個元素文本元素Dreamweaver工作區(qū)：歡迎屏幕選擇“ 編輯”“ 首選參數(shù)”,在“ 常規(guī)” 類別中，選擇“ 顯示歡迎屏幕” 選項Dreamweaver工作區(qū)：布局默認(rèn)的設(shè)計器布局A. 應(yīng)用程序欄 B. 文檔工具欄 C. 文檔窗口 D. 面板組 E. 工作區(qū)切換器 F. 標(biāo)簽選擇器 G. 屬性檢查器 H. 文件面板Dreamweaver工作區(qū)：布局- A. 應(yīng)用程序欄 （應(yīng)用程序主要功能）包含一個工作區(qū)切換器、菜單欄以及其

2、它應(yīng)用程序控件。Dreamweaver工作區(qū)：布局- A. 應(yīng)用程序欄-萊單欄 （應(yīng)用程序全部功能）Dreamweaver工作區(qū)：布局- A. 應(yīng)用程序欄-應(yīng)用程序控件 Dreamweaver工作區(qū)：布局- A. 應(yīng)用程序欄-工作區(qū)切換器（設(shè)計模式）Dreamweaver工作區(qū)：布局- A. 應(yīng)用程序欄-工作區(qū)切換器Dreamweaver工作區(qū)：布局- 工具欄文檔工具欄包含一些按鈕，它們提供各種“ 文檔” 窗口視圖（如“ 設(shè)計” 視圖和“ 代碼” 視圖）的選項、各種查看選項和一些常用操作（如在瀏覽器中預(yù)覽）。標(biāo)準(zhǔn)工具欄包含一些按鈕，可執(zhí)行“ 文件” 和“ 編輯” 菜單中的常見操作：“ 新建”、

3、“ 打開”、“ 在 Bridge 中瀏覽”、“ 保存”、“ 全部保存”、“ 打印代碼”、“ 剪切”、“ 復(fù)制”、“ 粘貼”、“ 撤消” 和“ 重做”。編碼工具欄（僅在“ 代碼” 視圖中顯示。） 包含可用于執(zhí)行多項標(biāo)準(zhǔn)編碼操作的按鈕。樣式呈現(xiàn)工具欄。包含一些按鈕，如果使用依賴于媒體的樣式表，則可使用這些按鈕查看在不同媒體類型中的呈現(xiàn)效果。它還包含一個允許啟用或禁用層疊式樣式表 (CSS) 樣式的按鈕。Dreamweaver工作區(qū)：布局- 文檔窗口即文檔編輯窗口，網(wǎng)頁的內(nèi)容制作與布局設(shè)計都在此區(qū)域進(jìn)行。窗口的狀態(tài)取決于設(shè)計時采用的視圖模式Dreamweaver工作區(qū)：布局- 狀態(tài)欄“ 文檔” 窗口

4、底部的狀態(tài)欄提供與您正創(chuàng)建的文檔有關(guān)的其它信息。A. 標(biāo)簽選擇器 B. 選取工具 C. 手形工具 D. 縮放工具 E. 設(shè)置縮放比率 F. 窗口大小彈出菜單 G. 文檔大小和估計的下載時間 H. 編碼指示器標(biāo)簽選擇器顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部內(nèi)容。單擊 可以選擇文檔的整個正文。選取工具啟用和禁用手形工具。 （在“ 代碼” 視圖中不可用。）手形工具用于在“ 文檔” 窗口中單擊并拖動文檔?？s放工具和“ 設(shè)置縮放比率” 彈出菜單可以為文檔設(shè)置縮放比率?？s放工具只在“ 設(shè)計” 視圖中可用窗口大小彈出菜單（在“ 代碼” 視圖中不可用。）用于將“

5、文檔” 窗口的大小調(diào)整到預(yù)定義或自定義的尺寸。選擇“ 編輯”“ 首選參數(shù)”狀態(tài)欄”文檔大小和下載時間顯示頁面（包括所有相關(guān)文件，如圖像和其它媒體文件）的預(yù)計文檔大小和預(yù)計下載時間。選擇“ 編輯”“ 首選參數(shù)” ”狀態(tài)欄”編碼指示器顯示當(dāng)前文檔的文本編碼。Dreamweaver工作區(qū)：布局- 面板面板用于輔助監(jiān)控和修改工作Dreamweaver工作區(qū)：布局- 自定義工作區(qū)環(huán)境選擇“ 編輯”“ 首選參數(shù)”Dreamweaver工作區(qū)：布局- 自定義工作區(qū)環(huán)境使用工作區(qū)切換器選擇布局模式(設(shè)計模式)使用窗口萊單配置面板(輔助功能)使用工具欄配置快捷工具選擇和設(shè)置文檔窗口工作模式(查看和文檔窗口控件)

6、Dreamweaver 工作流程規(guī)劃和設(shè)置站點組織和管理站點文件設(shè)計網(wǎng)頁布局編輯頁面測試和發(fā)布Dreamweaver 工作流程-規(guī)劃和設(shè)置站點-新建站點Dreamweaver 使用此地址確保根目錄相對鏈接在遠(yuǎn)程服務(wù)器上有效，因為遠(yuǎn)程服務(wù)器可能有不同的站點根目錄。例如，如果鏈接到位于硬盤上C:Salesimages 文件夾中的某個圖像文件（Sales 是您的本地根文件夾），站點的 URL 是http:/SalesApp/ （SalesApp 是遠(yuǎn)程根文件夾），那么在“HTTP 地址” 框中輸入 URL 可確保遠(yuǎn)程服務(wù)器上的鏈接文件的路徑為 /SalesApp/images/。Dreamweave

7、r 工作流程-規(guī)劃和設(shè)置站點-管理站點新建 創(chuàng)建新站點。編輯 編輯現(xiàn)有站點。復(fù)制 創(chuàng)建所選站點的副本。副本將出現(xiàn)在站點列表窗口中。刪除 刪除所選站點；此操作無法撤消。導(dǎo)出 將站點設(shè)置導(dǎo)出為 XML 文件 (*.ste)。導(dǎo)入 選擇要導(dǎo)入的站點設(shè)置文件 (*.ste)Dreamweaver 工作流程-規(guī)劃和設(shè)置站點-管理站點Dreamweaver 工作流程-組織和管理站點文件在“ 文件” 面板中，可以方便地添加、刪除和重命名文件及文件夾，以便根據(jù)需要更改組織結(jié)構(gòu)。在“ 文件” 面板中還有許多工具，可使用它們管理站點，向/ 從遠(yuǎn)程服務(wù)器傳輸文件，設(shè)置存回/ 取出過程來防止文件被覆蓋，以及同步本地和

8、遠(yuǎn)程站點上的文件。使用“ 資源” 面板可方便地組織站點中的資源；然后可以將大多數(shù)資源直接從“ 資源” 面板拖到 Dreamweaver文檔中。還可以使用 Dreamweaver 來管理 AdobeContribute 站點的各個方面。站點彈出菜單使您可以選擇 Dreamweaver 站點并顯示該站點的文件， 還可以使用“ 站點” 菜單訪問本地磁盤上的全部文件，非常類似于 Windows 資源管理器。站點文件視圖在“ 文件” 面板的窗格中顯示遠(yuǎn)程和本地站點的文件結(jié)構(gòu) “ 站點文件” 視圖是“ 文件” 面板的默認(rèn)視圖。連接/ 斷開刷新用于刷新本地和遠(yuǎn)程目錄列表。如果您已取消選擇“ 站點定義” 對話

9、框中的“ 自動刷新本地文件列表” 或“ 自動刷新遠(yuǎn)程文件列表”，則可以使用此按鈕手動刷新目錄列表。獲取文件用于將選定文件從遠(yuǎn)程站點復(fù)制到本地站點上傳文件將選定的文件從本地站點復(fù)制到遠(yuǎn)程站點。取出文件用于將文件的副本從遠(yuǎn)程服務(wù)器傳輸?shù)奖镜卣军c（如果該文件有本地副本，則將其覆蓋），并且在服務(wù)器上將該文件標(biāo)記為取出。如果對當(dāng)前站點禁用了“ 站點定義” 對話框中的“ 啟用存回和取出”，則此選項不可用。存回文件用于將本地文件的副本傳輸?shù)竭h(yuǎn)程服務(wù)器，并且使該文件可供他人編輯。本地文件變?yōu)橹蛔x。如果對當(dāng)前站點禁用了“ 站點定義” 對話框中的“ 啟用存回和取出”，則此選項不可用。同步可以同步本地和遠(yuǎn)程文件夾之間的文件。擴(kuò)展/ 折疊按鈕展開或折疊“ 文件” 面板以顯示一個和兩個窗格。Drea