在開發建置網站的過程中,也許我們會遇到這樣的情況,當我們的網站已經做了相當一部分,卻發現還需要對某些細節進行修改。這時候不可能完全依靠手工去更改了,怎麼辦呢?利用Dreamwaver中的查找替換能夠幫助實現這些修改。
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”按鈕。很快,查找替換就完成了,圖片屬性就會被準確無誤地修改。
需要提醒的是進行查找替換時,被操作的文件不要處於被編輯的狀態,否則有可能會出現替換出錯的問題。