通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容Dreamweaver MX的基本.ppt

《通過本章學(xué)習(xí),應(yīng)該掌握以下內(nèi)容Dreamweaver MX的基本.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在PPT專區(qū)-天天文庫。

1、通過本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：DreamweaverMX的基本操作利用DreamweaverMX站點(diǎn)管理利用DreamweaverMX創(chuàng)建網(wǎng)頁的基本對象第5章利用DreamweaverMX制作網(wǎng)頁Dreamweaver是Macromedia公司的出品的一款“所見即所得”的網(wǎng)頁編輯工具。與FrontPage不同，Dreamweaver采用的是Mac機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對于初學(xué)者來說可能會感到不適應(yīng)。一旦習(xí)慣了其操作方式后，就會發(fā)現(xiàn)Dreamweaver的直觀性與高效性是FrontPage所無法比擬的。5.1DreamweaverMX基

2、本操作5.1.1DreamweaverMX的界面1．DreamweaverMX的界面菜單欄工具欄文檔窗口浮動(dòng)面板站點(diǎn)面板屬性面板浮動(dòng)面板組插入面板（1）菜單欄菜單欄提供了所有的菜單命令，是提供軟件最完整功能的方式。（2）工具欄工具欄提供了常用命令的快捷啟動(dòng)方式，例如可以使用工具欄中的“標(biāo)題”框方便地設(shè)置網(wǎng)頁的標(biāo)題。（3）插入面板插入面板是DreamweaverMX中新添的部件，其實(shí)就是Dreamweaver4中的對象面板，在其中包含一些用于創(chuàng)建不同類型對象的按鈕。（4）浮動(dòng)面板浮動(dòng)面板是一種方便操作的界面方式，使用者可以隨時(shí)獲得特定功能

3、。（5）文檔窗口文檔窗口是顯示用戶所編輯文檔的地方，顯示結(jié)果與文檔在瀏覽器中顯示的結(jié)果基本相同。（6）屬性面板屬性面板上顯示的是被選取對象或文本的各種屬性，在屬性面板上還可以檢查和編輯當(dāng)前選定頁面元素的屬性。2.Dreamweaver的視圖單擊工具欄上的視圖切換按鈕，即顯示設(shè)計(jì)視圖；使用工具欄中的按鈕，則可以很方便地切換到代碼視圖，以便查看當(dāng)前編輯網(wǎng)頁的HTML源代碼；如果需要同時(shí)查看代碼視圖和設(shè)計(jì)視圖，可以單擊工具欄上的顯示代碼和設(shè)計(jì)按鈕，此時(shí)Dreamweaver將同時(shí)在窗口中顯示代碼視圖和設(shè)計(jì)視圖。（1）代碼視圖與設(shè)計(jì)視圖（2）文

4、檔窗口文檔窗口是顯示用戶所編輯文檔的地方，顯示結(jié)果與文檔在瀏覽器中顯示的結(jié)果基本相同。文檔窗口的標(biāo)題欄顯示頁面標(biāo)題，圓括號內(nèi)顯示的是文件名，如果文檔有未保存的部分，則還會出現(xiàn)一個(gè)星號?？刂票贿x文本或?qū)ο蟮臉?biāo)記符出現(xiàn)在文檔窗底部左邊的標(biāo)記符選擇器上。單擊這些標(biāo)記符可以準(zhǔn)確地選取標(biāo)記符及其控制的內(nèi)容。單擊窗口大小下拉菜單，用戶可以將文檔窗口的大小設(shè)為預(yù)設(shè)值或自定義值。（3）插入面板選擇“窗口”

5、“插入”命令，出現(xiàn)插入面板，如圖5-5所示。在插入面板上包含了多種不同類型的按鈕，用于在文檔中創(chuàng)建不同類型的對象。默認(rèn)情況下，插入面板中顯示的是“常

6、用”工具組中的工具圖標(biāo)。單擊插入面板上的對象類型標(biāo)簽，會打開相應(yīng)的插入面板，顯示插入面板上所包含對象的類型。圖5-5文檔窗口5.1.2DreamweaverMX文件操作DreamweaverMX可以打開多種格式的文件，它們的擴(kuò)展名分別是html、shtml、asp、js、dwt、xml、1h、as、css等。（1）直接打開文件選擇“文件”

7、“打開”命令，則會打開“打開”對話框。用戶在文件名框里選擇需要打開的文件，并單擊“打開”按鈕，即可打開該文件。1．文件的打開（2）打開庫文件在框架網(wǎng)頁中，選擇“文件”

8、“在框架中打開”命令，則會打開“

9、選擇HTML文件”對話框，如圖5-7所示。在此方式下只能打開以HTML為擴(kuò)展名的文件。在DreamweaverMX中創(chuàng)建新的網(wǎng)頁文件，有以下3種方法：啟動(dòng)DreamweaverMX，即可直接創(chuàng)建一個(gè)新的網(wǎng)頁文件，等候編輯。如果DreamweaverMX已經(jīng)啟動(dòng)，要?jiǎng)?chuàng)建新網(wǎng)頁，可以選擇“文件”

10、“新建”命令，打開“新建文檔”對話框。從該對話框中選擇一種需要?jiǎng)?chuàng)建的文件格式，然后單擊“創(chuàng)建”按鈕即可。2.文件的新建如果要基于模板創(chuàng)建文檔，則可以通過選擇“文件”

11、“新建”命令，在出現(xiàn)的“新建文檔”對話框中單擊“模板”標(biāo)簽，該對話框變?yōu)椤皬哪０逍?/p>

12、建”對話框，如圖5-9所示。然后從該對話框左邊的列表框中選擇模板所在的站點(diǎn)，再在右邊的模板列表中選擇一個(gè)模板，用戶還可以通過預(yù)覽區(qū)域預(yù)先瀏覽所選擇模板的樣式，看看是否符合自己的要求。選擇需要使用的模板后，單擊“創(chuàng)建”按鈕，即可基于模板創(chuàng)建新文檔。如果同時(shí)打開了多個(gè)DreamweaverMX窗口，而保存的目的只是為了保存文件，則切換到要保存的文檔所在的窗口，然后選擇“文件”

13、“保存”命令。如果所需要保存的網(wǎng)頁文件中帶有框架文件，而保存的目的是保存該網(wǎng)頁文件中所有的文件，則應(yīng)該選擇“文件”

14、“保存全部”命令。如果希望將一個(gè)網(wǎng)頁文檔以模板的形

15、式保存。首先切換到要保存的文檔所在的窗口，然后選擇“文件”

16、“另存為模板”命令。3.保存網(wǎng)頁文件在DreamweaverMX的編輯窗口，選擇“窗口”

17、“站點(diǎn)”菜單，即可打開站點(diǎn)面板。在站點(diǎn)面板中，用戶可以選