Frontpage與Dreamweaver之細(xì)比較

阿堵 2007-12-03

展開全文

在目前的網(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è)公司所采用，如何選擇就看用戶自己了。

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：阿堵 > 《學(xué)習(xí)勵(lì)志》

舉報(bào)/認(rèn)領(lǐng)