Frontpage與Dreamweaver之細比較

阿堵 2007-12-03

展開全文

在目前的網(wǎng)頁編輯軟件中， MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的兩套熱門軟件。通過在實際使用過程中的分析比較，我對這兩種主流網(wǎng)頁編輯軟件的優(yōu)劣得出了點個人體會。

一、代碼簡潔性

在使用FrontPage時，搭配使用一個網(wǎng)頁壓縮軟件是常事，F(xiàn)rontPage常常在網(wǎng)頁中莫名其妙插入很多空格，經(jīng)壓縮后網(wǎng)頁會比原先小20％～30％，而下次編輯存盤后這些空格又還會再度出現(xiàn)，揮之不去。而以代碼簡潔而著稱的Dreamweaver沒有這方面的問題。

二、使用操作性

在這方面FrontPage和Dreamweaver各有所長：FrontPage具有與Word類似的界面和操作性，尤其在手繪表格方面，很多人都覺得FrontPage比Dreamweaver要方便不少。在查看源代碼和預覽功能上FrontPage也比Dreamweaver方便。還有對于采集整理資料很重要的一點：從瀏覽器中復制的頁面粘到FrontPage中時仍能保持原有的表格、鏈接、文字格式；而在Dreamweaver中即使使用“Past as text”也只能粘貼為純文本段落。

Dreamweaver的優(yōu)點在于：它的標記選擇器（Tag selector）可以方便準確地選擇所要編輯的對象。此外，它的表格與層相互轉化、依對象而自動變動的屬性欄也頗受喜愛。

三、與Word軟件的兼容性

很多人都是使用Word來輸入和編輯網(wǎng)頁文字內(nèi)容，如果要將這些文檔內(nèi)容剪貼到FrontPage或Dreamweaver軟件中時，就會發(fā)現(xiàn)FrontPage在這方面略勝一籌。因為我們只要在Word中選取所要的部份(包含圖片)，然后貼到FrontPage的文字編輯區(qū)，不僅文字和圖片都能正常顯示，而且樣式也幾乎一致。其中不太一致的是，原本是居中的圖，會變成靠左。

但是，如果我們選取了Word中的一部份，然后想要貼到Dreamweaver中，就會發(fā)現(xiàn)圖片不見了，而且文字的樣式也沒有了，因為文字全部擠在一起，連段落也無法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話，就必須再花費不少時間。

四、站點管理

相對于FrontPage強大的站點管理，Dreamweaver略顯不足：FrontPage中特有的報表視圖可以顯示未鏈接文件、慢速網(wǎng)頁、較舊的文件、新增文件、未驗證鏈接等15個項目細節(jié)。Dreamweaver在這方面做得就差多了，只有簡單的斷裂鏈接（Broken links）、外部鏈接(External links)和孤文件(Orphaned Files)三項。而且不像FrontPage中每一項目下都有詳細的文件名稱、標題、大小、類型、修改日期等說明。

此外，Dreamweaver不認為表格背景圖片是網(wǎng)頁不可缺少的部分。當在站點管理器中對表格背景圖片進行移動或改名等操作時，Dreamweaver不會提示更新鏈接，結果就會出現(xiàn)斷裂鏈接。而且基于同樣的原因，Dreamweaver會把表格背景圖片識別為孤文件，也影響了對網(wǎng)站的管理。

當然Dreamweaver在站點管理方面也有其優(yōu)秀之處。它可以在不逐一打開每個文件的情況下實現(xiàn)全站的整體查找替換，還有其特有的HTML標記屬性的查找，功能強大。相比之下FrontPage可以實現(xiàn)全站查找但做不到即時替換，需要對查找結果列表中的文件逐一打開替換。

FrontPage對站點管理的一個不好的副產(chǎn)品就是大量的“_vti_cnf”目錄，里面對應記錄了站點每一個文件的相關信息。因此，如果我們用MODEM來上傳主頁的話，就必須找一個好點的上載軟件才能把它們?yōu)V掉。

五、圖片的使用

在使用圖片時，如果我們想要在Dreamweaver中放上圖片，必須使用“插入圖片”的方法來產(chǎn)生，而無法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤中，并且已經(jīng)取好名字才可以。

而FrontPage就輕松多了。我們可以從任何軟件復制或剪貼圖片到FrontPage中，這些圖片并不需要事先儲存成文件。因為當我們要儲存網(wǎng)頁的時候，F(xiàn)rontPage會一并將這些圖片以預設的文件名儲存在“與網(wǎng)頁相同的文件夾”中。當然圖片的文件名和儲存路徑都是可以修改的。

六、所見即所得

在這項功能上，F(xiàn)rontPage比Dreamweaver 強。由于這一點對初學者相當重要，因此包括學生在內(nèi)的網(wǎng)頁設計初學者，都相當偏好FrontPage。

所謂“所見即所得”，就是我們在軟件中設計的樣式應該和最后在網(wǎng)頁中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或Dreamweaver時，都無法達到真正的“所見即所得”。也就是說，我們在網(wǎng)頁編輯時的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來觀看結果，然后再到網(wǎng)頁編輯軟件中做修改。尤其在處理文字時更是常常有令人不太愉快的經(jīng)驗。如果常常需要設定文字的“樣式”，建議使用FrontPage。

七、文字樣式

在使用文字時，F(xiàn)rontPage提供較多的設定功能，能讓文字做更多的樣式變化。而且文字在經(jīng)過設定樣式后，文字也會作即時的變更。例如設計者可以對文字設定“字體”、“大小”、“顏色”，也可以設定文字“內(nèi)縮”、“行距”、“段落距離”、“字距”。而后面這四項在Dreamweaver中是無法更改的。

雖然FrontPage在文字樣式方面提供較多的功能，同時在“所見即所得”上也較令人滿意，但卻并不是說FrontPage在這方面就沒有缺點。有時我們在設定鏈接文字的色彩或粗細體上，也往往碰到一大堆問題，這些都是軟件廠商以后應該注意修正的事項。

八、固定部件更新

要保持網(wǎng)站的整體風格，每頁的公司徽標、版權欄、宣傳語句、廣告等頁面元素是必備要素之一。當必須對這些要素進行修改時，手工修改的工作量是難以想象的。對此，F(xiàn)rontPage和Dreamweaver都有自己的解決方案：FrontPage采用共享邊框，在站點上的單個或所有頁面的某一邊上共享相同內(nèi)容并保持統(tǒng)一更新；而Dreamweaver則設立了庫（Library）的概念，可以把頁面中所要重復的任一部件加入到庫項目，自由設定在所需的頁面中重復使用、統(tǒng)一更新。

相對于Dreamweaver的庫，F(xiàn)rontPage的共享邊框就要遜色多了。它只能在網(wǎng)頁的四邊中選擇位置，而且一旦設置，影響的就是網(wǎng)站所有頁面，對于不想采用共享邊框的頁面只能另外逐一單獨設置。最致命的一點是在FrontPage應用共享邊框的時候會把原頁面內(nèi)容統(tǒng)統(tǒng)套在一個大表格中，而共享邊框設在另一個表格之中。這樣的危害在設計者本地看不大出來，然而在網(wǎng)絡上由于瀏覽器要下載完整個表格才會顯示，因而會大大降低網(wǎng)頁的實際瀏覽速度。

九、設計動態(tài)和互動式網(wǎng)頁

Dreamweaver的使用者和支持者，從現(xiàn)在開始，可以抬頭挺胸了。因為下面這兩大項的功能都是Dreamweaver的長處，而且是極其重要的兩項。

首先介紹的這項功能，就是Dreamweaver具有“設計互動式網(wǎng)頁”的功能。我們可以利用Dreamweaver的“圖層”(Layer)和“時間軸”(Time Line)功能，來讓圖片或文字隨意地在網(wǎng)頁中自由移動。移動的方式可以是繞著我們所設定的路徑(path)移動，也可以是左右或直線的移動。

另外，我們可以設計讓文字或圖片配合鼠標的點選有更多的變化。也就是說，當鼠標經(jīng)過文字或圖片，文字或圖片會產(chǎn)生變化的動態(tài)效果。

Dreamweaver還可以插入Flash的.swf動畫文件和 Firework設計的HTML文件，讓網(wǎng)頁更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因為Dreamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。

十、模板功能

現(xiàn)在的網(wǎng)站內(nèi)容，大都會在每一個網(wǎng)頁中提供“目錄”(主功能鏈接)。而這些目錄式的項目通常在未來會有所改變，但是我們的網(wǎng)頁可能也有數(shù)百個或甚至數(shù)千個，難道我們的每個網(wǎng)頁都要做一一修改嗎？這顯然是不可能的。

于是我們可以利用Dreamweaver提供的“模板”功能(模板后綴名為.dwt)，即：首先設計一份模板或二、三份模板(份數(shù)當然可以根據(jù)我們的需要而定)，然后將我們的網(wǎng)頁“套用”這些模板，之后只要修改相關的模板(可能只改變一個)，那么所有套用模板的網(wǎng)頁，就可以“一次全部”跟著修改。這項功能對于設計大型網(wǎng)站或多網(wǎng)頁的網(wǎng)站有“容易修改和維護”的作用。

至于FrontPage，雖然它提供“主題”(Theme)，也能夠讓多網(wǎng)頁套用到某些“主題”的樣式，但是FrontPage的這項功能彈性比較差。也就是說，我們在許多地方無法按照自己的想法來設計，只能使用FrontPage的幾種固定樣式。因此，如果希望設計出富有變化的套用模板，那么建議使用Dreamweaver。

本文比較了兩大主流網(wǎng)頁編輯器常用功能的部份差異。對于一些較高端的應用：如FrontPage特有的服務器擴展應用、與OFFICE家族協(xié)同工作、ActiveX組件；Dreamweaver所特有的強大動態(tài)網(wǎng)頁設計能力、與Fireworks、Flash的協(xié)同工作特性等等，都有它們自己的特色。一般來說：FrontPage適合于新手使用，而Dreamweaver則更多為專業(yè)公司所采用，如何選擇就看用戶自己了。