dreamweaver操作界面

1、操作界面1. 網(wǎng)頁文檔編輯窗口: 本窗口用于網(wǎng)頁文件的編輯，其結(jié)果與在瀏覽器中的最終顯示相近（即我們所說的“所見即所得”編制方式）。文檔編輯窗口上下分別集合了操作菜單，按鈕條，以及快速操作面板。如圖一：圖一為了便于大家快速掌握，我們省卻了菜單與按鈕的抽象介紹，以后在實(shí)例制作中我們會(huì)結(jié)合例子進(jìn)行講解，讓大家不需死記硬背就能靈活掌握這些抽象命令的運(yùn)用。2.對(duì)象面板： 本面板可以用 Window/Object 命令打開，其作用是在光標(biāo)處插入對(duì)象。對(duì)象面板上方有個(gè)下拉箭頭，點(diǎn)擊后可以在多個(gè)對(duì)象面板中切換，它們分別是：字符(Character)，常用(Common)，表單(Form)，框架(Frames

2、)，文件頭(Head)，隱藏(Invisible)，特殊(Special)。這些面板提供了不同的對(duì)象以供使用，以后我們將在實(shí)例中進(jìn)行講解，此處大家只需了解一下就行了。如圖二：圖二菜單條上有個(gè) Insert 命令，用它也可以實(shí)現(xiàn)插入對(duì)象的目的。3.屬性面板： 本面板可以用 Window/Properties 命令打開。當(dāng)選中對(duì)象（如文字，圖片等），屬性面板就會(huì)顯示其相關(guān)屬性，同時(shí)我們還利用該面板進(jìn)行各種屬性設(shè)置與修改。進(jìn)行圖片居中，圖片居左等屬性操作。圖三4.快速操作面板： 本面板可以用 Windows/Launcher 命令打開，作用在于快速打開其他功能面板。如圖四：圖四大家仔細(xì)看一下，你會(huì)發(fā)

3、現(xiàn)它與文檔窗口右下角的快速操作按鈕幾乎完全一樣。因此，本面板常常不用打開，需要使用其他功能面板時(shí)只需直接點(diǎn)擊文檔窗口右下角的快速操作按鈕就行了。5.站點(diǎn)管理窗口： 本窗口可以用 Window/Site Files 命令打開，用于整個(gè)站點(diǎn)的管理。如圖五：圖五6.源代碼監(jiān)控面板： 本面板可用 Window/Code Inspector 命令打開，用于隨時(shí)監(jiān)控網(wǎng)頁文件的 HTML 源代碼。如圖六：圖六提示：為什么要對(duì)源代碼進(jìn)行監(jiān)控？其實(shí)，無論是微軟的 Frontpage ，Adobe 的 Golive ，以及用起來非常方便趁手的 Dreamweaver ，雖然它們做到了"所見即所得&quo

4、t;，但要對(duì)網(wǎng)頁進(jìn)行精確的定位與控制，常常還得通過對(duì)網(wǎng)頁的源代碼進(jìn)行手工修改才能達(dá)到美侖美煥的結(jié)果。因此，我們建議，當(dāng)你在掌握了本教程后，最好能再學(xué)習(xí) HTML 源代碼知識(shí)，那樣會(huì)讓你的網(wǎng)頁制作技術(shù)如虎添翼。7.行為面板： 本面板可以用 Window/Behaviors 命令打開，用于創(chuàng)建網(wǎng)頁交互或特效。如圖七：圖七Dreamweaver 的行為面板其實(shí)是一系列 JavaScript 的特效集成，按照一定的觸發(fā)事件，激活相應(yīng)的特效結(jié)果。比如當(dāng)鼠標(biāo)點(diǎn)擊按鈕打開另外一幅圖，當(dāng)鼠標(biāo)移上去彈出一個(gè)窗口，或者當(dāng)頁面打開就自動(dòng)播放一段音樂，等等。 當(dāng)然，最重要的是，我們不需要懂得一句 JavaScript 語言就可以完全掌握它的特效功能！8.等時(shí)線面板： 本面板可以通過 Window/TimeLine 命令打開，用它可以直接在時(shí)間軸中創(chuàng)建動(dòng)畫。如圖八：圖八除了上面談到的各個(gè)面板， Dreamweaver 還有諸多其他面板，如圖層(Layer)，參考(Preference)，集合(Assets)，CSS