用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

Dw網(wǎng)頁設(shè)計制作九個小技巧,你都會嗎?

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2017/6/10 11:10:00     瀏覽:
Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。

  1、怎樣將 Dreamweaver 集成到 IE 瀏覽器?

  Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣,通過 IE 工具欄的編輯按鈕來調(diào)用 Dreamweaver 打開當前網(wǎng)頁。

  將下面文本的最后一行要改為你自己的 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"

  如果要設(shè)置為 IE 缺省的編輯器,打開 IE 的“Internet 選項”,在程序標簽指定。

  2、為了使用某些腳本,經(jīng)常要為圖形或文本加上空鏈接,但是瀏覽時點擊有空鏈接的對象時,會跳到頁面的頂端,如何避免?

  因為瀏覽器以為鏈接到同一頁,可它又找不到定義的書簽( anchor ),于是停留在頁面的頂端。用“ javascript:void(null) ”替換空鏈接的“ # ”,解決這個問題。

  3、使用 CSS 、層的時候,在不同瀏覽器的效果不一樣,有時甚至出現(xiàn)錯位現(xiàn)象,怎樣解決?

  在對不同瀏覽器的兼容方面, Dreamweaver 作得不錯,但絕不意味用 Dreamweaver 作出的網(wǎng)頁在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個網(wǎng)頁的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。

  一般要盡量注意以下問題:

  不要混合使用層和表格排版,如果是父子關(guān)系,如層中表格,不在此原則范圍內(nèi);

  內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題,使用鏈式或內(nèi)嵌式;

  有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對于只有幾個像素寬度或高度的層,改用圖片來實現(xiàn);

  避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。

  4、為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會擠成一團,而在 Dreamweaver 內(nèi)部又帶有格式代碼?

  Dreamweaver 復(fù)制和粘貼文本有二種類別,標準的方式將對象連同對象的屬性一起復(fù)制,把剪貼板的內(nèi)容作為 HTML 代碼;另一種方式僅復(fù)制或粘貼文本,復(fù)制時忽視 html 格式,粘帖時則把 html 代碼作為文本粘貼。多按一個“ Shift ”( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按后一種方式操作。

  5、為什么網(wǎng)頁用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯,而且在 Dreamweaver 的文檔窗口老是修改不好?

  請檢查代碼。因為用所見所得編輯器反復(fù)修改頁面的某些部分,有時會留下一些多余的代碼,比如多余的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格,預(yù)覽時就出現(xiàn)不可思議的現(xiàn)象。

  6、在 Netscape Navigator 中,有些書簽( anchor )不起作用,有些好象消失了?

  Netscape Navigator 的書簽是大小寫敏感的。在 Navigator 中,多層嵌套的表格里面的書簽會丟失,把書簽放到表格外面。

  7、 Dreamweaver 文檔窗口布滿了各種各樣的面板,為了編輯文檔,不得不扒開一個個空隙,太累,如何是好?

  一個 800X600 分辯率的屏幕對于 Dreamweaver 來說確實小了些,不過即便是 1024X768 ,也放不下所有的面板。關(guān)鍵是好好組織。

  關(guān)閉那些在編輯中暫時用不到的面板,把常用的面板放在一起,節(jié)省屏幕空間;

  除非現(xiàn)在要用,否則關(guān)閉“ HTML Source Inspector ”,它除開占用屏幕空間,還占用相當?shù)南到y(tǒng)資源;

  按 F4 隱藏所有打開的面板,一覽文檔的全貌,再按一下,顯示面板;

  在“ Windows ”選單有個“ Arrange Floating Palettes ”命令,使用這個命令將所有打開的面板放在窗口四周,并互不重疊。

  多用快捷鍵并熟練掌握是很好的提高工作效率的方法。

  當添加不可見的對象時,Dreamweaver會在文檔窗口的頁面頂部加上相應(yīng)的圖標,如果圖標太多,可能妨礙編輯??梢园础癈trl+Shift+I ”(主選單 View|Invisible Elements )來隱藏和顯示它們。也可以設(shè)定不出現(xiàn)這些圖標,不過不建議這樣作,因為它們能幫助選擇對象,便于編輯。

  8、Head 對象面板只能添加內(nèi)容,能在文檔窗口修改 < head> 標記的內(nèi)容嗎?

  可以。有一種非常直觀的方式,按“ Ctrl+Shift+W ”(主選單 View|Head Content ),在文檔窗口主選單欄下出現(xiàn)一行圖標,點擊這些圖標修改。

  9、如何選擇表格、層里面那些非常小的,比如 1X1px 的圖片?

  在表格的單元格中點擊,然后按下“ Shift ”鍵,用箭頭鍵移動即可選擇。

  也可先選定表格單元(按下 Ctrl 鍵,用鼠標點擊相應(yīng)單元)或者層,然后在“ HTML Source Inspector ”面板中選擇高亮代碼中的 < img src="..."> ,返回文檔窗口,圖片即被選擇。