DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> DreamWeaver批處理提高篇
DreamWeaver批處理提高篇
編輯:Dreamweaver相關     
   設計單個頁面,一點一點做就行了,但處理的頁面多了,每個頁面都一點點的做下去是非常費時費力的,特別是當許多的網頁都有共同的元素的時候,這樣做更是事半功倍的。對大量網頁的進行批處理,這無論是對初學者還是網站編輯,都是很重要的。剛好我的方法特別適合網站的采編人員。

  在網頁的批處理上,FrontPage和Dreamweaver都具有非常方便的實現途徑。對於一系列具有共同元素的網頁,比如標題,標簽,圖片,格式或者文本等等,絕大部分都可以用模扳(Template)和庫(Library)很容易的實現,這兩種方法的具體操作過程很多地方都可以找到非常詳細的說明,我在這裡就不用多說了。現在我要說的是一非常簡單的方法,不但可以實現前面兩種方法的功能,而且更加好用。

  用Dreamweaver的朋友點擊菜單欄Edit->Find and Replace,這時會彈出一個對話框。在第一行的Find選項中,可以選擇的有

  Current Document,
  Entire Local Site,
  Selected File in Site,
  Folder…四個選項。

  如圖1所示。這時我們選擇Folder…

   


  同時,在第二行Search中,也有可選擇項:

  Source Code
  Text
  Text(Advanced)
  Specific Tag

  也許很多使用過Dreamweaver的朋友很多都沒注意過這幾個選擇項。現在,我把這些舉了出來,很多朋友可能會豁然開朗,原來是這樣!如果您現在還沒明白,那麼請聽我細細講來。

  我們已經選擇了文件夾選項。這個選項有什麼意義呢?這意味著我們可以開始對已有的大量的文件作批處理了。這是FrontPage所沒有想到的,在這一點上,acromedia做的比Microsoft更人性化一些。

  運用模板和庫做出來的網頁,有一個特點,所有的網頁首先都必須由自己一頁頁的做出來,此時,模板和庫可以提高效率。然而對於網站采編人員,這還不夠。有時,他們需要把大量其他地方的文檔轉移到自己的網站上,同時改頭換面,變成自己的風格。還是舉例說明:
 

    我們在網上沖浪的時候,找到一個好的網站,發現裡面有很多自己喜歡的內容。通常我會用離線浏覽器下載下來,這種工具有很多,比如Webzip等。而討厭的是,通常這些軟件都會在下載下來的每個網頁上都加上自己的廣告條,怎樣去掉這些無用的廣告條呢?

  黃金書屋相信很多人都上過,並且相信有很多朋友嘗試過把這個網站下載下來,或至少下一部分。我也做過,用的是Webzip,但是Webzip就喜歡給每一頁都添上廣告條。現在就看看我的手段如何去掉它們。

  懂HTML的人都知道,廣告條在Html中就是腳本(Script)。黃金書屋是按目錄的形式層層安排文章的。在Find選項中選擇所在文件夾,在Search選項中選擇處理對象為source。再將表示廣告條的腳本源碼拷貝到Search框中,Replace框為空白,如圖2:

   



  按下Replace All按鈕。很快,在黃金書屋網站的目錄下,所有的文件和子目錄中含有的該條廣告全部被去掉了。可以想象這為我們節省了多少寶貴的時間和耐心。

  除了去除廣告條,這一特性還可以為網頁改掉具有相同特征的元素,比如頁面顏色、圖片、標題、鏈接等等。如果有朋友研究過Dreamweaver的模板和庫的實現方法,其實,歸根結底還是要進行Html源代碼的加工,同樣,我的這一技巧在根本上也是處理源代碼作一些處理,查找和替換。而且更直觀和簡便。除此以外,這一特性還可以直接處理頁面文本。

  可以看到,在search選項當中,還有Text和Text(Advanced)可供選擇。我們選擇Text(Advanced),如圖3所示:

   



  這和前面的Text選項都是對頁面的文本直接進行查找和替換。只是後者多了內部標簽(Inside Tag)和非內部標簽(Not Inside)這一更加具體的選擇,這表示當一段文字和某個標簽中的一段文字相同時,我們的查找替換工作可以分別進行。

  還有Specific Tag,它的功能是對嵌套的標簽而言的。比如< b >< font face="Arial" >He is a beautiful girl< /font >< /b >查找替換的內容有了更加明確的說明和限制。

  總之,對網頁做批處理,Dreamweaver的查找替換功能提供了非常強大的實現途徑,可見Macromedia為用戶想的真的是非常周全。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved