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