Dreamweaver網(wǎng)頁(yè)設計制作的技巧
Dreamweaver是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器。下面小編整理了Dreamweaver網(wǎng)頁(yè)設計制作的技巧,供大家參閱。
1)怎樣將 Dreamweaver 集成到 IE 瀏覽器?
Dreamweaver 安裝程序會(huì )在上下文選單增加一個(gè)“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣,通過(guò) IE 工具欄的編輯按鈕來(lái)調用 Dreamweaver 打開(kāi)當前網(wǎng)頁(yè)。
將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑,把它們保存為一個(gè) *.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 缺省的編輯器,打開(kāi) IE 的“Internet 選項”,在程序標簽指定。
2)為了使用某些腳本,經(jīng)常要為圖形或文本加上空鏈接,但是瀏覽時(shí)點(diǎn)擊有空鏈接的對象時(shí),會(huì )跳到頁(yè)面的頂端,如何避免? 因為瀏覽器以為鏈接到同一頁(yè),可它又找不到定義的書(shū)簽( anchor ),于是停留在頁(yè)面的頂端。用“ javascript:void(null) ”替換空鏈接的“ # ”,解決這個(gè)問(wèn)題。
3)使用 CSS 、層的時(shí)候,在不同瀏覽器的效果不一樣,有時(shí)甚至出現錯位現象,怎樣解決?
在對不同瀏覽器的兼容方面, Dreamweaver 作得不錯,但絕不意味用 Dreamweaver 作出的網(wǎng)頁(yè)在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個(gè)網(wǎng)頁(yè)的外觀(guān)不可能完全一樣,這是不同廠(chǎng)家的瀏覽器本身決定的。
一般要盡量注意以下問(wèn)題:
不要混合使用層和表格排版,如果是父子關(guān)系,如層中表格,不在此原則范圍內;
內聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會(huì )出現問(wèn)題,使用鏈式或內嵌式;
有時(shí)需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對于只有幾個(gè)像素寬度或高度的層,改用圖片來(lái)實(shí)現;
避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。
4)為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會(huì )擠成一團,而在 Dreamweaver 內部又帶有格式代碼? Dreamweaver 復制和粘貼文本有二種類(lèi)別,標準的方式將對象連同對象的屬性一起復制,把剪貼板的內容作為 HTML 代碼;另一種方式僅復制或粘貼文本,復制時(shí)忽視 html 格式,粘帖時(shí)則把 html 代碼作為文本粘貼。多按一個(gè)“ Shift ”( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按后一種方式操作。
5)為什么網(wǎng)頁(yè)用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯,而且在 Dreamweaver 的文檔窗口老是修改不好? 請檢查代碼。因為用所見(jiàn)所得編輯器反復修改頁(yè)面的某些部分,有時(shí)會(huì )留下一些多余的代碼,比如多余的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會(huì )忽視它們。但是 Netscape Navigator 對代碼要求更嚴格,預覽時(shí)就出現不可思議的現象。
6)在 Netscape Navigator 中,有些書(shū)簽( anchor )不起作用,有些好象消失了? Netscape Navigator 的書(shū)簽是大小寫(xiě)敏感的。在 Navigator 中,多層嵌套的表格里面的書(shū)簽會(huì )丟失,把書(shū)簽放到表格外面。
7) Dreamweaver 文檔窗口布滿(mǎn)了各種各樣的面板,為了編輯文檔,不得不扒開(kāi)一個(gè)個(gè)空隙,太累,如何是好? 一個(gè) 800X600 分辯率的屏幕對于 Dreamweaver 來(lái)說(shuō)確實(shí)小了些,不過(guò)即便是 1024X768 ,也放不下所有的面板。關(guān)鍵是好好組織。
關(guān)閉那些在編輯中暫時(shí)用不到的面板,把常用的面板放在一起,節省屏幕空間;
除非現在要用,否則關(guān)閉“ HTML Source Inspector ”,它除開(kāi)占用屏幕空間,還占用相當的系統資源;
按 F4 隱藏所有打開(kāi)的面板,一覽文檔的全貌,再按一下,顯示面板;
在“ Windows ”選單有個(gè)“ Arrange Floating Palettes ”命令,使用這個(gè)命令將所有打開(kāi)的面板放在窗口四周,并互不重疊。
多用快捷鍵并熟練掌握是很好的提高工作效率的方法。
當添加不可見(jiàn)的對象時(shí),Dreamweaver會(huì )在文檔窗口的頁(yè)面頂部加上相應的圖標,如果圖標太多,可能妨礙編輯?梢园础癈trl+Shift+I ”(主選單 View|Invisible Elements )來(lái)隱藏和顯示它們。也可以設定不出現這些圖標,不過(guò)不建議這樣作,因為它們能幫助選擇對象,便于編輯。
8) Head 對象面板只能添加內容,能在文檔窗口修改 < head> 標記的內容嗎? 可以。有一種非常直觀(guān)的方式,按“ Ctrl+Shift+W ”(主選單 View|Head Content ),在文檔窗口主選單欄下出現一行圖標,點(diǎn)擊這些圖標修改。
9)如何選擇表格、層里面那些非常小的,比如 1X1px 的圖片? 在表格的單元格中點(diǎn)擊,然后按下“ Shift ”鍵,用箭頭鍵移動(dòng)即可選擇。
也可先選定表格單元(按下 Ctrl 鍵,用鼠標點(diǎn)擊相應單元)或者層,然后在“ HTML Source Inspector ”面板中選擇高亮代碼中的 < img src="..."> ,返回文檔窗口,圖片即被選擇。
【Dreamweaver網(wǎng)頁(yè)設計制作的技巧】相關(guān)文章:
Dreamweaver網(wǎng)頁(yè)設計制作技巧05-18
提高 Dreamweaver網(wǎng)頁(yè)設計制作技巧03-04
Dreamweaver網(wǎng)頁(yè)制作技巧03-28
Dreamweaver制作網(wǎng)頁(yè)的技巧05-07
Dreamweaver制作網(wǎng)頁(yè)技巧05-19
Dreamweaver網(wǎng)頁(yè)制作的技巧04-23
用Dreamweaver制作網(wǎng)頁(yè)的技巧01-15