Dreamweaver製作網頁技巧20則
作者：Eve Cole
更新時間：2009-06-01 01:02:13
1）怎樣將Dreamweaver 整合到IE 瀏覽器？
Dreamweaver 安裝程式會在上下文選項中增加一個「 Edit with Dreamweaver 」指令，我們也可以修改Windows 的登錄機碼使它與IE 整合。就像MS Word 、 Frontpage 和Notepad 一樣，透過IE 工具列的編輯按鈕來呼叫Dreamweaver 開啟目前網頁。
將下面文字的最後一行要改為你自己的Dreamweaver 安裝路徑，把它們保存為一個*.reg 文件，雙擊它將信息添加到註冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.exe %1"
如果要設定為IE 預設的編輯器，開啟IE 的“Internet 選項”，在程式標籤指定。
2）為了使用某些腳本，經常要為圖形或文字加上空鏈接，但是瀏覽時點擊有空鏈接的對象時，會跳到頁面的頂端，如何避免？
因為瀏覽器以為連結到同一頁，可它又找不到定義的書籤（ anchor ），於是停留在頁面的頂端。用“ javascript:void(null) ”替換空連結的“ # ”，解決這個問題。
3）使用CSS 、層的時候，在不同瀏覽器的效果不一樣，有時甚至出現錯位現象，怎麼解決？
在對不同瀏覽器的兼容方面， Dreamweaver 作得不錯，但絕不意味著用Dreamweaver 作出的網頁在IE 和Netscape 中完全一樣。通常情況下，用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣，這是由不同廠商的瀏覽器本身決定的。
一般要盡量注意以下問題：
不要混合使用層和表格排版，如果是父子關係，如層中表格，不在此原則範圍內；
內嵌式的CSS 在Netscape Navigator 中常會出現問題，使用鍊式或內嵌式；
有時需要在空層插入表格或透明圖片，以確保在Netscape Navigator 裡的效果。對於只有幾個像素寬度或高度的圖層，請改用圖片來實現；
避免使用W3C 組織不建議的排版屬性，用CSS 取代。
4）為何從別的文檔拷貝文字到Dreamweaver ，所有的段落會擠成一團，而在Dreamweaver 內部又帶有格式代碼？
Dreamweaver 複製和貼上文字有二種類別，標準的方式將物件連同物件的屬性一起複製，把剪貼簿的內容作為HTML 程式碼；另一種方式僅複製或貼上文本，複製時忽略html 格式，貼上貼文時則把html 程式碼當作文字貼上。多按一個「 Shift 」（ Ctrl+Shift+C/Ctrl+Shift+V ）鍵即按後一種方式操作。
5）為什麼網頁用IE 瀏覽正常，用Netscape Navigator 卻不符合要求甚至出錯，而且在Dreamweaver 的文檔視窗老是修改不好？
請檢查代碼。因為用所見所得編輯器反複修改頁面的某些部分，有時會留下一些多餘的代碼，比如多餘的鏈接，這些代碼在Dreamweaver 的文檔窗口看不到， IE 會忽視它們。但Netscape Navigator 對程式碼要求更嚴格，預覽時就會出現不可思議的現象。
6）在Netscape Navigator 中，有些書籤（ anchor ）不起作用，有些好像消失了？
Netscape Navigator 的書籤是大小寫敏感的。在Navigator 中，多層嵌套的表格裡面的書籤會遺失，把書籤放到表格外面。
7） Dreamweaver 文檔視窗佈滿了各種各樣的面板，為了編輯文檔，不得不扒開一個個空隙，太累，如何是好？
一個800X600 分辯率的螢幕對於Dreamweaver 來說確實小了些，不過即便是1024X768 ，也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的面板，把常用的面板放在一起，節省螢幕空間；
除非現在要用，否則關閉“ HTML Source Inspector ”，它除開佔用螢幕空間，還佔用相當的系統資源；
按F4 隱藏所有開啟的面板，一覽文件的全貌，再按一下，顯示面板；
在「 Windows 」選單有個「 Arrange Floating Palettes 」指令，使用這個指令將所有開啟的面板放在視窗四周，並且互不重疊。
多用快捷鍵並熟練掌握是很好的提高工作效率的方法。
當新增不可見的物件時，Dreamweaver會在文件視窗的頁面頂部加上相應的圖標，如果圖標太多，可能妨礙編輯。可以按下「Ctrl+Shift+I 」（主選單View|Invisible Elements ）來隱藏和顯示它們。也可以設定不出現這些圖標，不過不建議這樣做，因為它們能幫助選擇對象，方便編輯。
8） Head 物件面板只能新增內容，能在文件視窗修改< head> 標記的內容嗎？
可以。有一個非常直覺的方式，按下「 Ctrl+Shift+W 」（主選單View|Head Content ），在文件視窗主選單欄下出現一行圖標，點擊這些圖示修改。
9）如何選擇表格、圖層裡面那些非常小的，例如1X1px 的圖片？
在表格的儲存格中點擊，然後按下「 Shift 」鍵，用箭頭鍵移動即可選擇。
也可先選取表格單元（按下Ctrl 鍵，用滑鼠點選對應單元）或層，然後在「 HTML Source Inspector 」面板中選擇高亮程式碼中的< img src="..."> ，傳回文檔窗口，圖片即被選擇。
10）怎麼編輯一個框架系的名字（Title）？
按下「 Ctrl+F10 」開啟「 Frames 」面板，點選最外側的框框，按下「 Ctrl+J 」（主選單Modify|Page Properties ）。
11）如何改變「behaviors」的缺省事件？
事件設定檔放在Dreamweaver 安裝目錄下的「 ConfigurationBehaviorsEvents 」資料夾，例如 4.0 以上版本瀏覽器，開啟檔案「 4.0 and Later Browsers.htm 」。
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
將「onClick="*" 」中的「*」移到「 onMouseOver="" 」中，改為： < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= "" onMouseOut="" onMouseOver="*" onMouseUp="">
重新啟動Dreamweaver ，該類缺省事件即變為「onMouseOver 」。其他類推。
12）在開啟一個頁面時，同時開啟一個小窗口，用Dreamweaver 能夠實現嗎？
能，不用寫一行程式碼。在「 behaviors 」面板使用內建的「 Open Browser Window 」腳本，設定頁面、視窗大小、屬性。如圖：
13）插入表格時，在表格單元中老是有個空格（ < td> < /td> ），怎樣才能不讓它產生？
這是Dreamweaver 自動產生的，不要刪除它。如果表格單元內沒有任何東西， Netscape Navigator 將不顯示該單元。
14）模板文件的< head> 標記裡，除了網頁主題外不能編輯，怎樣才能將behaviors 加入到基於該模板的網頁？
以「 HTML Source inspector 」面板在範本文件的「 < /head> 」前加入可編輯標記，如下：
< !-- #BeginEditable "Javascript" -->
< script language="JavaScript">
< /script>
< !-- #EndEditable -->
15）在合作開發和管理網站時，使用Dreamweaver 的登記/檢查系統，是否為遠端伺服器的網站的相關文件加上了不同的存取權限？
check in/check out 是Dreamweaver 內部使用的管理機制，它與檔案的屬性無關。 「 check out 」表示該文件正被我使用，別人不能編輯它；「 check in 」則表示該文件可以被別的同事check out 及編輯，本地的文件就會變成只讀，防止自己改變它的內容。
Dreamweaver 透過在本機和遠端伺服器上產生對應的「.lck」 檔案來實現check in/check out 功能，這些檔案在「 Site 」視窗不顯示， Dreamweaver 能夠讀取這些文件，它只對Dreamweaver 有效。並沒有為文件加上什麼屬性。如果用別的Ftp 工具和編輯器，仍舊可以打開它們。
16）作網頁時，滑鼠飛舞，經常改變了設定好的圖片的大小。能夠不重新查看圖片就修正嗎？
如果圖片的大小不符，在屬性面板，它的值會變成顯目的粗體。按下面板上的「 Refresh 」按鈕，就可恢復成真實大小。
17）如何才能點擊一個鏈接，同時改變多個框架？
最直接的方法就是為該連結建立一個框架系。
用Dreamweaver 的「 Go to URL 」 behavior 比較簡單。對話方塊顯示所有的框架，在下面的「 URL 」欄填入對應的頁面就是。
18）想為文字加上behavior ，可是behavior 面板上的項目都是灰暗的，不可選的，怎麼辦？
以前遇到這種情況，我通常在文字旁邊插入一張圖片，把需要的behavior 加在圖片上。然後再編輯程式碼，移到文字上，並去掉圖片。
上面的作法較繁瑣，便捷的方式是將文字連結到“ javascript:void(null) ”，那些behavior 就老實顯露出來了。
19）把使用了behaviors 的層放進Library 時， Dreamweaver 不讓層的behaviors 跟著走，怎麼辦？
用模板來做。
20）檢查Flash 插件並重新導向的腳本有時不正常，還有別的方法嗎？
製作Flash 網頁時，人們習慣使用Dreamweaver 的“ check plugin” behavior 來重定向。但是有時它會錯報，明明安裝了插件，卻說沒有。下面介紹一種穩健的方法來重定向。
製作一個新的首頁作為重定向的頁面。以「 head 」物件面板的「 Insert Refresh 」導向未使用Flash 技術的網頁，如圖。它會在頁面頭部加上以下程式碼： < meta http-equiv="refresh" content="4;URL=noflash.htm">
另作一個很小的Flash 影片，在第一個畫面加上一個「 Get url 」行為，指向使用Flash 技術的頁面。把這個小影片嵌入到用來定向的首頁。
顯然，這個重定向的頁面是非常可靠的。
