Dreamweaver10個製作網頁的技巧

來源:互聯網
上載者:User

   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 )。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。