在目前的網(wǎng)頁(yè)編輯軟件中, MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的兩套熱門(mén)軟件。通過(guò)在實(shí)際使用過(guò)程中的分析比較,我對這兩種主流網(wǎng)頁(yè)編輯軟件的優(yōu)劣得出了點(diǎn)個(gè)人體會(huì )。
一、代碼簡(jiǎn)潔性
在使用FrontPage時(shí),搭配使用一個(gè)網(wǎng)頁(yè)壓縮軟件是常事,FrontPage常常在網(wǎng)頁(yè)中莫名其妙插入很多空格,經(jīng)壓縮后網(wǎng)頁(yè)會(huì )比原先小20%~30%,而下次編輯存盤(pán)后這些空格又還會(huì )再度出現,揮之不去。而以代碼簡(jiǎn)潔而著(zhù)稱(chēng)的Dreamweaver沒(méi)有這方面的問(wèn)題。
二、使用操作性
在這方面FrontPage和Dreamweaver各有所長(cháng):FrontPage具有與Word類(lèi)似的界面和操作性,尤其在手繪表格方面,很多人都覺(jué)得FrontPage比Dreamweaver要方便不少。在查看源代碼和預覽功能上FrontPage也比Dreamweaver方便。還有對于采集整理資料很重要的一點(diǎn):從瀏覽器中復制的頁(yè)面粘到FrontPage中時(shí)仍能保持原有的表格、鏈接、文字格式;而在Dreamweaver中即使使用“Past as text”也只能粘貼為純文本段落。
Dreamweaver的優(yōu)點(diǎn)在于:它的標記選擇器(Tag selector)可以方便準確地選擇所要編輯的對象。此外,它的表格與層相互轉化、依對象而自動(dòng)變動(dòng)的屬性欄也頗受喜愛(ài)。
三、與Word軟件的兼容性
很多人都是使用Word來(lái)輸入和編輯網(wǎng)頁(yè)文字內容,如果要將這些文檔內容剪貼到FrontPage或Dreamweaver軟件中時(shí),就會(huì )發(fā)現FrontPage在這方面略勝一籌。因為我們只要在Word中選取所要的部份(包含圖片),然后貼到FrontPage的文字編輯區,不僅文字和圖片都能正常顯示,而且樣式也幾乎一致。其中不太一致的是,原本是居中的圖,會(huì )變成靠左。
但是,如果我們選取了Word中的一部份,然后想要貼到Dreamweaver中,就會(huì )發(fā)現圖片不見(jiàn)了,而且文字的樣式也沒(méi)有了,因為文字全部擠在一起,連段落也無(wú)法區分。因此我們如果想調整這些文字和圖片的話(huà),就必須再花費不少時(shí)間。
四、站點(diǎn)管理
相對于FrontPage強大的站點(diǎn)管理,Dreamweaver略顯不足:FrontPage中特有的報表視圖可以顯示未鏈接文件、慢速網(wǎng)頁(yè)、較舊的文件、新增文件、未驗證鏈接等15個(gè)項目細節。Dreamweaver在這方面做得就差多了,只有簡(jiǎn)單的斷裂鏈接(Broken links)、外部鏈接(External links)和孤文件(Orphaned Files)三項。而且不像FrontPage中每一項目下都有詳細的文件名稱(chēng)、標題、大小、類(lèi)型、修改日期等說(shuō)明。
此外,Dreamweaver不認為表格背景圖片是網(wǎng)頁(yè)不可缺少的部分。當在站點(diǎn)管理器中對表格背景圖片進(jìn)行移動(dòng)或改名等操作時(shí),Dreamweaver不會(huì )提示更新鏈接,結果就會(huì )出現斷裂鏈接。而且基于同樣的原因,Dreamweaver會(huì )把表格背景圖片識別為孤文件,也影響了對網(wǎng)站的管理。
當然Dreamweaver在站點(diǎn)管理方面也有其優(yōu)秀之處。它可以在不逐一打開(kāi)每個(gè)文件的情況下實(shí)現全站的整體查找替換,還有其特有的HTML標記屬性的查找,功能強大。相比之下FrontPage可以實(shí)現全站查找但做不到即時(shí)替換,需要對查找結果列表中的文件逐一打開(kāi)替換。
FrontPage對站點(diǎn)管理的一個(gè)不好的副產(chǎn)品就是大量的“_vti_cnf”目錄,里面對應記錄了站點(diǎn)每一個(gè)文件的相關(guān)信息。因此,如果我們用MODEM來(lái)上傳主頁(yè)的話(huà),就必須找一個(gè)好點(diǎn)的上載軟件才能把它們?yōu)V掉。
五、圖片的使用
在使用圖片時(shí),如果我們想要在Dreamweaver中放上圖片,必須使用“插入圖片”的方法來(lái)產(chǎn)生,而無(wú)法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤(pán)中,并且已經(jīng)取好名字才可以。
而FrontPage就輕松多了。我們可以從任何軟件復制或剪貼圖片到FrontPage中,這些圖片并不需要事先儲存成文件。因為當我們要儲存網(wǎng)頁(yè)的時(shí)候,FrontPage會(huì )一并將這些圖片以預設的文件名儲存在“與網(wǎng)頁(yè)相同的文件夾”中。當然圖片的文件名和儲存路徑都是可以修改的。
六、所見(jiàn)即所得
在這項功能上,FrontPage比Dreamweaver 強。由于這一點(diǎn)對初學(xué)者相當重要,因此包括學(xué)生在內的網(wǎng)頁(yè)設計初學(xué)者,都相當偏好FrontPage。
所謂“所見(jiàn)即所得”,就是我們在軟件中設計的樣式應該和最后在網(wǎng)頁(yè)中呈現的樣式“完全一樣”。遺憾的是,在我們使用FrontPage或Dreamweaver時(shí),都無(wú)法達到真正的“所見(jiàn)即所得”。也就是說(shuō),我們在網(wǎng)頁(yè)編輯時(shí)的樣式,跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來(lái)觀(guān)看結果,然后再到網(wǎng)頁(yè)編輯軟件中做修改。尤其在處理文字時(shí)更是常常有令人不太愉快的經(jīng)驗。如果常常需要設定文字的“樣式”,建議使用FrontPage。
七、文字樣式
在使用文字時(shí),FrontPage提供較多的設定功能,能讓文字做更多的樣式變化。而且文字在經(jīng)過(guò)設定樣式后,文字也會(huì )作即時(shí)的變更。例如設計者可以對文字設定“字體”、“大小”、“顏色”,也可以設定文字“內縮”、“行距”、“段落距離”、“字距”。而后面這四項在Dreamweaver中是無(wú)法更改的。
雖然FrontPage在文字樣式方面提供較多的功能,同時(shí)在“所見(jiàn)即所得”上也較令人滿(mǎn)意,但卻并不是說(shuō)FrontPage在這方面就沒(méi)有缺點(diǎn)。有時(shí)我們在設定鏈接文字的色彩或粗細體上,也往往碰到一大堆問(wèn)題,這些都是軟件廠(chǎng)商以后應該注意修正的事項。
八、固定部件更新
要保持網(wǎng)站的整體風(fēng)格,每頁(yè)的公司徽標、版權欄、宣傳語(yǔ)句、廣告等頁(yè)面元素是必備要素之一。當必須對這些要素進(jìn)行修改時(shí),手工修改的工作量是難以想象的。對此,FrontPage和Dreamweaver都有自己的解決方案:FrontPage采用共享邊框,在站點(diǎn)上的單個(gè)或所有頁(yè)面的某一邊上共享相同內容并保持統一更新;而Dreamweaver則設立了庫(Library)的概念,可以把頁(yè)面中所要重復的任一部件加入到庫項目,自由設定在所需的頁(yè)面中重復使用、統一更新。
相對于Dreamweaver的庫,FrontPage的共享邊框就要遜色多了。它只能在網(wǎng)頁(yè)的四邊中選擇位置,而且一旦設置,影響的就是網(wǎng)站所有頁(yè)面,對于不想采用共享邊框的頁(yè)面只能另外逐一單獨設置。最致命的一點(diǎn)是在FrontPage應用共享邊框的時(shí)候會(huì )把原頁(yè)面內容統統套在一個(gè)大表格中,而共享邊框設在另一個(gè)表格之中。這樣的危害在設計者本地看不大出來(lái),然而在網(wǎng)絡(luò )上由于瀏覽器要下載完整個(gè)表格才會(huì )顯示,因而會(huì )大大降低網(wǎng)頁(yè)的實(shí)際瀏覽速度。
九、設計動(dòng)態(tài)和互動(dòng)式網(wǎng)頁(yè)
Dreamweaver的使用者和支持者,從現在開(kāi)始,可以抬頭挺胸了。因為下面這兩大項的功能都是Dreamweaver的長(cháng)處,而且是極其重要的兩項。
首先介紹的這項功能,就是Dreamweaver具有“設計互動(dòng)式網(wǎng)頁(yè)”的功能。我們可以利用Dreamweaver的“圖層”(Layer)和“時(shí)間軸”(Time Line)功能,來(lái)讓圖片或文字隨意地在網(wǎng)頁(yè)中自由移動(dòng)。移動(dòng)的方式可以是繞著(zhù)我們所設定的路徑(path)移動(dòng),也可以是左右或直線(xiàn)的移動(dòng)。
另外,我們可以設計讓文字或圖片配合鼠標的點(diǎn)選有更多的變化。也就是說(shuō),當鼠標經(jīng)過(guò)文字或圖片,文字或圖片會(huì )產(chǎn)生變化的動(dòng)態(tài)效果。
Dreamweaver還可以插入Flash的.swf動(dòng)畫(huà)文件和 Firework設計的HTML文件,讓網(wǎng)頁(yè)更加活潑。雖然FrontPage也可以插入Flash文件,但操作方面比Dreamweaver麻煩。因為Dreamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。
十、模板功能
現在的網(wǎng)站內容,大都會(huì )在每一個(gè)網(wǎng)頁(yè)中提供“目錄”(主功能鏈接)。而這些目錄式的項目通常在未來(lái)會(huì )有所改變,但是我們的網(wǎng)頁(yè)可能也有數百個(gè)或甚至數千個(gè),難道我們的每個(gè)網(wǎng)頁(yè)都要做一一修改嗎?這顯然是不可能的。
于是我們可以利用Dreamweaver提供的“模板”功能(模板后綴名為.dwt),即:首先設計一份模板或二、三份模板(份數當然可以根據我們的需要而定),然后將我們的網(wǎng)頁(yè)“套用”這些模板,之后只要修改相關(guān)的模板(可能只改變一個(gè)),那么所有套用模板的網(wǎng)頁(yè),就可以“一次全部”跟著(zhù)修改。這項功能對于設計大型網(wǎng)站或多網(wǎng)頁(yè)的網(wǎng)站有“容易修改和維護”的作用。
至于FrontPage,雖然它提供“主題”(Theme),也能夠讓多網(wǎng)頁(yè)套用到某些“主題”的樣式,但是FrontPage的這項功能彈性比較差。也就是說(shuō),我們在許多地方無(wú)法按照自己的想法來(lái)設計,只能使用FrontPage的幾種固定樣式。因此,如果希望設計出富有變化的套用模板,那么建議使用Dreamweaver。
本文比較了兩大主流網(wǎng)頁(yè)編輯器常用功能的部份差異。對于一些較高端的應用:如FrontPage特有的服務(wù)器擴展應用、與OFFICE家族協(xié)同工作、ActiveX組件;Dreamweaver所特有的強大動(dòng)態(tài)網(wǎng)頁(yè)設計能力、與Fireworks、Flash的協(xié)同工作特性等等,都有它們自己的特色。一般來(lái)說(shuō):FrontPage適合于新手使用,而Dreamweaver則更多為專(zhuān)業(yè)公司所采用,如何選擇就看用戶(hù)自己了。