糯米文學吧

位置:首頁 > 設計 > 網頁設計

使用Dreamweaver查找或替換的技巧

少年易學老難成,一寸光陰不可輕。以下是小編為大家搜索整理的使用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)”對話框中選擇一個現存的樣式表來編輯或添加新的定義。