發新話題

《教學》Dreamweaver查找替換的技巧

《教學》Dreamweaver查找替換的技巧

  在開發建設網站的過程中,也許我們會遇到這樣的情況,當我們的網站已經進行了相當一部分,卻發現還需要對某些細節進行修改。這時候不可能完全依靠手工去更改了,怎麼辦呢?利用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」按鈕。很快,查找替換就完成了,圖片屬性就會被準確無誤地修改。

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

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。