Dreamweaver網頁制作技巧

2024-09-12 12:28:10

字體：大中小

來源：轉載

供稿：網友

　　本文匯集了一些Dreamweaver制作網頁時的可以用的一些小技巧。希望對您有所幫助。
　　1）怎樣將 Dreamweaver 集成到 IE 瀏覽器？
　　Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令，我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣，通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
　　將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑，把它們保存為一個 *.reg 文件，雙擊它將信息添加到注冊表即可。
　　REGEDIT4
　　[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver]
　　[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell]
　　[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit]
　　[HKEY_CLASSES_ROOT/.htm/OpenWithList/Dreamweaver/shell/edit/command]
　　@="C:/Program files/Macromedia/Dreamweaver 3/dreamweaver.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會在文檔窗口的頁面頂部加上相應的圖標，如果圖標太多，可能妨礙編輯?？梢园?ldquo;Ctrl Shift I ”（主選單 View|Invisible Elements ）來隱藏和顯示它們。也可以設定不出現這些圖標，不過不建議這樣作，因為它們能幫助選擇對象，便于編輯。
　　8） Head 對象面板只能添加內容，能在文檔窗口修改 < head> 標記的內容嗎？
　　可以。有一種非常直觀的方式，按“ Ctrl Shift W ”（主選單 View|Head Content ），在文檔窗口主選單欄下出現一行圖標，點擊這些圖標修改。
　　9）如何選擇表格、層里面那些非常小的，比如 1X1px 的圖片？
　　在表格的單元格中點擊，然后按下“ Shift ”鍵，用箭頭鍵移動即可選擇。
　　也可先選定表格單元（按下 Ctrl 鍵，用鼠標點擊相應單元）或者層，然后在“ HTML Source Inspector ”面板中選擇高亮代碼中的 < img src="..."> ，返回文檔窗口，圖片即被選擇。

上一篇：Dreamweaver CS4界面新增功能介紹

下一篇：Dreamweaver CS4 首次新功能試用