使用Dreamweaver查詢或替換的技巧

少年易學老難成，一寸光陰不可輕。以下是小編為大家搜尋整理的使用Dreamweaver查詢或替換的技巧，希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!

Dreamwaver的查詢替換功能十分強大，在它的查詢替換對話方塊中甚至可以用精確的“查詢語言”來控制查詢過程。我們在Dreamwaver中調出“查詢對話方塊”的快捷鍵是“Ctrl+H”，各個輸入框的作用是：最上面的“Find”項用來指出查詢的範圍，有3個選項，第一項是在當前檔案內查詢，第二項指在當前的Site中查詢，第三項是在指定資料夾中查詢，如果我們選中了此項就要點選右面的資料夾狀按鈕指定資料夾;下面的“Find”項用來選擇查詢的型別，如果選“Text”是指查詢型別為文字(非HTML程式碼)，其他幾項依次為在HTML程式碼中查詢、高階文字查詢、包含Tag的查詢;右邊的輸入框中要輸入待查詢的內容;下面的“Replace”指要替換為什麼內容。

讓我們舉一個例子來說明如何使用查詢功能。假設我們想把正文文字中的“dreamwaver”替換為“Dreamwaver”，如果只用“Text”查詢，就會把< title>中的“dreamwaver”也替換掉，我們不希望這樣。所以我們採用了“高階Text查詢”，將查詢條件(“+”、“-”按鈕右的內容)設為“Inside Tag”和“Font”，意思是查詢在Font標籤內的文字“dreamwaver”，然後將其替換為“Dreamwaver”。需要說明的一點是查詢級別選項必須選為“Match Case”，也就是必須完全匹配查詢條件，否則文字中的大小寫區別將被忽略。

設定好後，點選“Replace All”，查詢替換過程就開始了，替換完畢後所有被替換的地方會顯示在替換資訊列表中，檔案前的小綠點表示替換成功。

那怎樣實現包含Tag的查詢替換呢?假設我們網站中所有的圖片都設定了“alt”屬性(只有背景圖和個別補角的圖不設定此屬性)，但由於做網頁時沒有注意設定圖片的“Border”屬性值為“0”，個別圖片在瀏覽時出現邊框而影響了瀏覽效果，所以要把所有的已設“alt”值的圖片的“Border”值設為“0”，而在圖片很多的情況下我們是不可能一一去改的，這時如果利用Dreamwaver包含有Tag的查詢替換功能，就能很簡單地解決問題。

我們先選定資料夾，然後設包含在img標籤內的，具有“alt”屬性並且符合“alt=any value”作為查詢條件，再把“Action”設為“Set Attribute”、“ Border”、“0”，這個設定的意義是對符合條件的圖片其“Border”屬性統一設為“0”，點選“Replace All”按鈕。很快，查詢替換就完成了，圖片屬性就會被準確無誤地修改。

需要提醒的是進行查詢替換時，需要操作的檔案不要處於被編輯的狀態，否則有可能會出現替換出錯的問題。

　　Dreamweaver編寫CSS的技巧

CSS正在改變網站設計的程序。為迎合不斷增長的傾向於CSS的設計人員的需求，Macromedia DW 8引進了一些新的及改善過的CSS相關的.特性。有了這些新的特性，你可以為未來的更新作好計劃，開發與W3C標準更加相容的站點。本文討論在DW 8中使用CSS以及突出某一特定CSS特性時的一些建議。

一般地講，樣式表(style sheet)就是控制網頁內容外觀的格式化的規則的集合。可以以三種不同的方式在你的頁面中使用CSS：

程式碼式(Inline)：寫入到程式碼中的一次性的樣式。

內嵌式(Embedded)：可控制一個頁面中所有元素的樣式表

外聯式(External)：可控制許多頁面中的元素的樣式表

事實上，許多站點都根據需要把這三種方式結合起來使用。

在使用CSS時一個需要重點考慮的事實是不同的瀏覽器以及同一瀏覽器的不同版本以不同的方式來解析CSS。除了網路瀏覽器的差異之外，你還要意識到還有很多其他的瀏覽器，比如聽力瀏覽器，基於電視的瀏覽器以及Palm pilot和TTY(teletypewriter，遠端打字機)一類的手持裝置。

　　最佳習慣是指什麼?

大多數技術都有自己約定俗成的標準。CSS也不例外。雖然並非網路上存在的所有CSS都很規範，但按照現有標準來使用CSS卻還是不無裨益的。一般來說，開發人員應儘可能將內容與報告分離開來。這樣做的好處在於：

　　1：增加站點的壽命

不規範的樣式表可能在當時覺得很方便，但新版本的瀏覽器出來以後，很可能就會出現相容性問題。到時逐頁修改站點就是一項非常費時的工作同時也使使用CSS失去了意義。

　　2：讓你的站點對所有的使用者以及瀏覽器都適用。

有些地方的政府已經立法要求網站必須讓殘障人士也同樣可以瀏覽。為殘障認識設計的瀏覽裝置，比如聽力瀏覽器，對CSS規範性要求極其嚴格。

　　3：讓站點更新和維護更加輕鬆。

使用方式得當的話，CSS可讓你在一個頁面中的調整快速應用到所有頁面中去。

你首先要做的選擇是使用哪一種樣式表。當涉及到最佳習慣時，對不同樣式表的分析如下：

Inline CSS：簡單地說，你應該儘量避免使用。除了一些其他的缺點之外，使用Inline CSS意味著你並沒有利用到CSS的真正優點，即你並沒有將內容與格式分離開。DW MX使用Inline CSS主要是為了定位頁面元素(這些元素在DW MX的使用者介面中稱為“層(layer)”)，或者為了使用某個DHTML特效，它需要使用Inline 樣式的javascript來改變一個物件的屬性。

Embedded CSS：它也不是最理想的，因為它只能對當前頁面施加影響。在更新的過程中，如果某一個頁面丟失，將會使站點的風格不一致;另外，當用戶瀏覽你的站點時，每一頁都要下載一次樣式表資訊。

External CSS：這是你的第一選擇。External CSS可以讓所有連線到它的頁面保持一致的外觀風格;提綱挈領，更改一次，輕鬆更新所有相關頁面;讓你的頁面體積更小，瀏覽速度更快。其他的一些最佳習慣將在下文分析具體的CSS特性時提及。

在DW 中建立CSS樣式表

在DW MX中建立CSS樣式表時(Text 》CSS Style 》New style sheet)，在彈出的對話方塊中，你有兩個選擇：新樣式表文檔(New Style Sheet File) 和只用於當前頁(This Document Only)。選中“New Style Sheet File ”你就開始了建立External CSS的過程。這個選項要求你在真正的建立過程之前先命名樣式表併為它選定一個儲存位置;另外一個選項，This Document Only，則會直接把相關程式碼寫入到頁面的部分。

你也可以在“新樣式(New style)”對話方塊中選擇一個現存的樣式表來編輯或新增新的定義。