Dreamweaver是最常用的網(wǎng)頁設(shè)計工具之一，在網(wǎng)絡(luò)設(shè)計和網(wǎng)站開發(fā)領(lǐng)域發(fā)揮著重要作用，但是它也是有訣竅的，今天就讓錯新技術(shù)頻道小編為大家解析操作Dreamweaver的18條訣竅吧。

　　解析操作Dreamweaver的18條訣竅

　　1、熟悉網(wǎng)頁設(shè)計的網(wǎng)友就知道，調(diào)用STYLE的方法很多，我們可以單擊鼠 標(biāo)右鍵選擇CUSTON STYLE來調(diào)用STYLE標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表 上單擊右鍵來調(diào)用STYLE。雖然不同的方法達(dá)到的效果看似一樣，但實際上 產(chǎn)生的HTML代碼則完全不同。比如用CUSTON STYLE來調(diào)用STYLE標(biāo)準(zhǔn)，在網(wǎng) 頁代碼中就生成一個〈SPAN〉標(biāo)簽，這樣的標(biāo)簽一多就會使文件十分臃腫 而且影響瀏覽器的解析速度，所以我們應(yīng)盡量使用狀態(tài)欄中的元素列表來 調(diào)用STYLE。

　　2、使字體適應(yīng)不同的分辨率 我們在制作網(wǎng)頁的時候，經(jīng)常有這種體會， 那就是制作好的網(wǎng)頁在本地計算機上瀏覽時很正常，但在另外一臺計算機 上瀏覽時發(fā)現(xiàn)原本漂亮的網(wǎng)頁變得歪歪扭扭了，這是為什么呢?原來各個 計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示，在 DREAMWEAVER中得到了較好的解決。在文檔窗口的右下角，DREAMWEAVER 顯示當(dāng)前文檔被設(shè)計成的分辨率大小。單擊哪個數(shù)字，在彈出式菜單中可 以為當(dāng)前的頁面指定顯示分辨率，通過修改可以使你的主頁更具靈活性。 使不同分辨率的顯示器都能較好地顯示。

　　3、善用拖放技術(shù) 我們在使用DREAMWEAVER編輯網(wǎng)頁的時候，經(jīng)常需要 插入一些圖象什么的，假設(shè)要插入的圖象很多，按照常規(guī)方法來操作就顯 得非常麻煩。我們可以利用拖放技巧來很好地解決這個問題。首先我們把 DREAMWEAVER的操作窗口變成活動窗口，以騰出空間來顯示EXPLORER窗口， 找到要插入的圖象文件后，把它們一一用鼠標(biāo)拖動到網(wǎng)頁的適當(dāng)部位， DREAMWEAVER將自動把這些圖象的URL添加到文件的HTML代碼中，當(dāng)然這里 要求被拖動的圖象文件必須是GIF、JPG等WEB圖象格式的文件。對于已經(jīng)在 網(wǎng)頁中的圖象也是一樣，直接拖過來就可以了。但如果被拖動的圖象上有 超級鏈接，就不可以再使用拖動技術(shù)了，因為那時拖過來的僅僅是超級鏈 接地址。

　　4、善于為對象取名 我們在用DREAMWEAVER來制作非常復(fù)雜的效果時， 有可能需要經(jīng)常重復(fù)地使用某一個或者多個對象，例如我們經(jīng)常需要定位 某個特定的表格、圖象等，如果我們沒有給某一個網(wǎng)頁中的多個對象取名 的話，那么在重復(fù)應(yīng)用這些對象的時候，可能很麻煩或者容易出錯。為了 能夠方便調(diào)用這些對象，我們應(yīng)該在每創(chuàng)建一個新的對象時，都記得給它 取一個有代表性而且比較容易記憶的名稱。在給這些對象命名時，我們可 以通過對象的“屬性”面板來操作就行了。

　　5、多用快捷鍵來提高效率 為了提高操作的效率，我們可以在DREAMWEAVER 中使用快捷鍵，例如使用CTRL-B或CTRL-I來為文字應(yīng)用黑體或斜體格式， 也可以使用以下一些鍵盤快捷鍵來為選中的文本應(yīng)用HTML格式：CTRL-0:無 格式　　CTRL-T:段落　　CTRL-1:標(biāo)題1　　CTRL-2:標(biāo)題2 CTRL-3:標(biāo)題3 　　CTRL-4:標(biāo)題4　　CTRL-5:標(biāo)題5　　CTRL-6:標(biāo)題6

　　6、一次鏈接到兩個網(wǎng)頁 我們都知道超級鏈接一次只能連到一個頁面。 如果我們要想一次在不同的框架頁中打開文檔，可以使用“GO TO URL” JAVASCRIPT行為。打開一個有框架的網(wǎng)頁，選擇文字或圖象，然后從行為 面板中選擇“GO TO URL”。我們會注意到DREAMWEAVER會在 “GO TO URL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接 的框架并輸入相應(yīng)的URL后再選擇另一個框架并輸入另一個URL。

　　7、利用“FORMAT TABLE”命令來修飾網(wǎng)頁 在復(fù)雜的網(wǎng)頁設(shè)計中，表格 的應(yīng)用是最多的，因為利用表格可以自由地控制文本和圖象在網(wǎng)頁上出現(xiàn) 的具體位置，從而使整個網(wǎng)頁看上去緊湊統(tǒng)一。DREAMWEAVER在這方面也不 甘落后，我們可以使用其中的“FORMAT TABLE”(格式化表格)命令來快 速地對表格應(yīng)用預(yù)先設(shè)計好的樣式。要使用預(yù)先設(shè)計好的樣式，先將光標(biāo) 置于表格的任意一個單元格內(nèi)，再選擇“COMMAND”→“FORMAT TABLE”命 令，在隨后出現(xiàn)的對話框中，從左邊的列表中選擇一個設(shè)計方案。按 “APPLY”鍵來查看效果，如果不滿意的話，還可以重新設(shè)置或者修改部分 參數(shù)的值，如邊界粗細(xì)，背景顏色等等。

　　8、盡量不要給文件起中文名稱大家在制作好了網(wǎng)頁后，通常會給網(wǎng)頁 起一個具有代表性的中文名稱，一來能使人一看文件名就能大概了解文件 所包含的內(nèi)容，二來能夠方便各個超級鏈接之間的相互調(diào)用。但如果你在 DREAMWEAVER中這樣做，就會發(fā)現(xiàn)DREAMWEAVER對中文文件名支持得不是 太好，經(jīng)常會有頁面調(diào)用不正確的現(xiàn)象發(fā)生，所以我們以后在DREAMWEAVER 中保存網(wǎng)頁的時候，盡量用英文或者數(shù)字作為文件名稱，這樣就可以避免上 面的出錯現(xiàn)象。

　　9、經(jīng)常保存當(dāng)前被編輯的文件 有網(wǎng)友說經(jīng)常保存文件是不是怕突然死 機呀?這話當(dāng)然沒錯，但我們在DREAMWEAVER中要經(jīng)常保存文件還有它特別 的意義。因為我們在設(shè)計主頁的時候，DREAMWEAVER會跟蹤我們對文件作出 的任何改動，也就是說即使我們在主頁中簡單地移動了一下某個對象， DREAMWEAVER也能生成大量的臨時源代碼，想象一下，如果在主頁中作了 很多改變，那么生成的這些大量代碼就變得很難管理，從而會影響系統(tǒng)的 性能。因此我們發(fā)現(xiàn)如果DREAMWEAVER的性能開始降低，這可能是由于駐 留在內(nèi)存中的大量代碼變得太龐大的緣故，只要保存一下文件，就會使這 些臨時代碼消失，從而提高性能，所以以后我們在使用DREAMWEAVER時， 要有經(jīng)常保存文件的習(xí)慣。

　　10、自動在網(wǎng)頁中加入更新時間我們知道一個網(wǎng)頁要想獲得更多的回 頭率，一個很重要的一條就是要不斷更新。但對于我們這些個人網(wǎng)頁來說， 要天天及時更新恐怕不是很容易的事情。因此，我們希望網(wǎng)頁能自動更新， 下面筆者就提供一個能自動更新修改時間的源代碼，我們只要把這段源代 碼添加到

＜BODY>…＜/BODY>

之間就能實現(xiàn)更新時間的目的了：

　?。糞CRIPT LANGUAGE="JAVASCRIPT"> ＜!-- DOCUMENT.WRITE("LAST UPDATED:"+DOCUMENT.LASTMODIFIED); -->＜/SCRIPT>

　　11、讓鼠標(biāo)移到圖象鏈接上有動態(tài)變化 有時我們?yōu)榱艘_(dá)到一種逼真 的效果，希望鼠標(biāo)移動到某個鏈接上時能有動感產(chǎn)生。使用DREAMWEAVER可 以很容易實現(xiàn)這種效果。設(shè)計時，我們首先需要準(zhǔn)備兩幅圖象，第一幅是 原始圖象，第二幅是鼠標(biāo)移動上去后的圖象。接著用鼠標(biāo)單擊第一幅圖， 在屬性面板中的鏈接欄中填上要鏈接的文件，然后單擊鍵盤上的F8鍵，在 彈出的BEHAVIORS窗口中單擊“+”號，隨后選擇“SWAP IMAGE”，在接著 出現(xiàn)的窗口中選擇第二幅圖象，最后單擊確定就可以了。

　　12、讓網(wǎng)頁自動關(guān)閉如果我們希望自己的網(wǎng)頁在指定的時間內(nèi)能自動 關(guān)閉，不妨在網(wǎng)頁源代碼中的

標(biāo)簽后面加入如下代碼： 其中代碼中的3000表示3秒鐘，它是以毫秒為單 位的。

　　13、在網(wǎng)頁中加入單個或幾個空格輸入空格你會嗎?有人說單擊一下 空格鍵不就成啦!然而我們在DREAMWEAVER中單擊空格鍵時，好象就不行。 那該怎么辦呢?不急，下面有兩種方法輸入空格：其一、在源代碼中輸入， 每個之間請用空格分開;其二、單擊鍵盤上的復(fù)合鍵CTRL+SHIFT+SPACE。

　　14、隱藏不必要的標(biāo)簽

　　如果在網(wǎng)頁中插入了不可見的元素時，DREAMWEAVER會自動在頁面上添 加一個與之相應(yīng)的元素標(biāo)簽，以便于我們選擇不可見元素。但這并不全是 件好事，比如我們在一個有很多層的頁面中的第一行便插入一個表格，就 會發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表格自動退到了頁面的第 二行，雖然在瀏覽時并不影響效果，但這確確實實會阻礙我們的工作。所 以當(dāng)我們覺得某個元素標(biāo)簽礙手礙腳時，就索性將之屏蔽掉。方法是按CTRL+U 打開PREFERENCES面板，在CATEGORY中選中INVISIBEL ELEMENTS，在面板的 右邊將會出現(xiàn)所有的元素標(biāo)簽。只要將不需要的元素標(biāo)簽前的勾去掉，以 后它就保證不會再出現(xiàn)了。

　　15、使用定制窗口功能測試網(wǎng)頁

　　前面，筆者曾說過，在不同分辨率下網(wǎng)頁的顯示效果會大不一樣，誰 都不希望自己辛辛苦苦設(shè)計出來的網(wǎng)頁在不同的分辨率下會面目全非，所 以測試網(wǎng)頁在不同分辨率下的瀏覽效果是網(wǎng)頁制作中很重要的一步。而 DREAMWEAVER讓用戶十分輕松地實現(xiàn)測試，我們可以在DREAMWEAVER的操 作界面中的狀態(tài)欄中間，選擇需要的分辨率來調(diào)節(jié)窗口大小，從而實現(xiàn)在 不同分辨率下測試網(wǎng)頁了。

　　16、只復(fù)制編輯區(qū)中的文字在幾個不同的應(yīng)用程序中間相互復(fù)制文字， 是我們在實際工作中可能要常做的事情。但是，如果我們從DREAMWEAVER中 復(fù)制編輯區(qū)中的文字到另外一個應(yīng)用程序的時候，HTML代碼和文字將一起 被復(fù)制過去了，那么我們該如何才能只把編輯區(qū)中的文字復(fù)制下來呢?我 們知道，通常復(fù)制時都用快捷鍵CTRL - C來操作，如果我們在復(fù)制的時候 多按一個C鍵，那么DREAMWEAVER將只會復(fù)制選中的文字了。

　　17、去掉鏈接的下劃線有時為了達(dá)到某個外觀上的特殊效果，我們希 望把超級鏈接下面的下劃線屏蔽掉。同樣我們也用兩種方法來實現(xiàn)：

　　一是 在源代碼中的＜STYLE TYPE="TEXT/CSS">＜!-- A { TEXT-DECORATION: NONE}--> ＜/STYLE>；之間輸入如下代碼：

　　＜STYLE TYPE="TEXT/CSS">＜!-- A { TEXT-DECORATION: NONE}--> ＜/STYLE>；

　　二是用鼠標(biāo)依次單擊DREAMWEAVER中的TEXT/CUSTOM STYLE/EDIT/STYLE SHEET/NEW/REDEFINEHTML TAG，并從中選擇A，然 后在DECORATION中選中NONE，最后單擊確定就成功了。

　　18、定義網(wǎng)頁的關(guān)鍵字為了使自己的網(wǎng)頁在搜索引擎中能很容易地被 檢索到，準(zhǔn)確定義網(wǎng)頁中的關(guān)鍵字是一項很重要的工作。在DREAMWEAVER中， 我們可以用兩種方法來定義網(wǎng)頁中的關(guān)鍵字：

一是在源代碼中的＜HEAD>與 ＜/HEAD>標(biāo)簽中，添加如下代碼：

　　＜META NAME="KEYWORDS" CONTENT="YANCHENG,YANCHENG,YANCHENG">

　　其中CONTENT中的內(nèi)容即為 關(guān)鍵字，為了提高檢索的命中率，我們可以重復(fù)多次使用同一個關(guān)鍵字， 中間用逗號隔開;另外一種方法是在DREAMWEAVER中用鼠標(biāo)依次單擊 INSERT/HEAD/KEYWORDS命令，在隨后彈出的對話框中重復(fù)輸入希望被檢索 的關(guān)鍵字就可以了。

上文是關(guān)于解析操作Dreamweaver的18條訣竅，大家都了解了嗎？想要了解更多的網(wǎng)頁設(shè)計的知識，請繼續(xù)關(guān)注錯新技術(shù)頻道吧！