網(wǎng)站制作的詳細(xì)7大步驟

網(wǎng)站制作的詳細(xì)8大步驟

由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。

一、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

二、確定網(wǎng)站主題

網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

三、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

四、規(guī)劃網(wǎng)站

一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具

盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。

五、推廣宣傳

網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

六、維護(hù)更新

網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者
★要想學(xué)做網(wǎng)頁，首先得了解制作網(wǎng)頁的工具。

制作網(wǎng)頁主要有以下一些工具

Frontpage：office自帶的一個(gè)工具，操作簡(jiǎn)單，實(shí)用，學(xué)起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網(wǎng)頁三劍客之一，專門制作網(wǎng)頁的工具，可以自動(dòng)將網(wǎng)頁生成代碼，是普通網(wǎng)頁制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。

另外一個(gè)工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動(dòng)態(tài)網(wǎng)頁。

此外還有一些網(wǎng)絡(luò)編程工具，javascript、java編輯器等。

網(wǎng)頁制作也是一個(gè)比較吃香的行業(yè)，要真正做一個(gè)好的網(wǎng)站，還必須有良好的設(shè)計(jì)功底。所以還得學(xué)很多邊緣性的軟件，例如photoshop、flash等。

大型的網(wǎng)站往往還需要數(shù)據(jù)庫的支持，所以還得懂?dāng)?shù)據(jù)庫。sql、甲骨文等。

七、上傳測(cè)試

網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 

FrontPage是一個(gè)非常簡(jiǎn)單使用的網(wǎng)頁編輯軟件，用它可以快速的編好一個(gè)網(wǎng)頁，它具有上手快，易學(xué)、易用的特點(diǎn)。FrontPage是初學(xué)者理想的制作網(wǎng)頁的集成工具。Dreamweaver是第一套對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)和跨越瀏覽器的充滿動(dòng)感的網(wǎng)頁

【關(guān)鍵詞】網(wǎng)頁制作、FrontPage、所見即所得、 Dreamweaver，HTML

當(dāng)我們?cè)诰W(wǎng)上沖浪時(shí)，會(huì)對(duì)那些美觀的網(wǎng)頁羨慕不已，其實(shí)，我們也可以制作自己的個(gè)人網(wǎng)頁，現(xiàn)在網(wǎng)頁制作軟件不少，主要有以下幾種有特色的網(wǎng)頁制作軟件。

Microsoft FrontPage——制作功能強(qiáng)大的網(wǎng)頁

Netscape編輯器——制作簡(jiǎn)單的網(wǎng)頁

Adobe Pagemill ——制作多框架、表單和Image Map圖像的網(wǎng)頁

Claris Home Page ——快速創(chuàng)建動(dòng)態(tài)的網(wǎng)頁

DreamWeaver——自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁

HotDog Professional ——制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁

HomeSite ——制作可完全控制頁面進(jìn)程的網(wǎng)頁

HotMetal Pro ——制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁

hotdog Professional ——強(qiáng)大而又方便至極的超級(jí)網(wǎng)頁編輯工具

Paintshop Pro ——可以看作是photoshop的簡(jiǎn)化版本

Ulead Cool 3d——人人叫好的3D特效字制作工具

Gif movie Gear ——簡(jiǎn)單至極的動(dòng)畫軟件

Ulead Smartsaver——對(duì)圖像進(jìn)行優(yōu)化、壓縮處理

在這么多網(wǎng)頁制作軟件中，目前最知名和最常用的兩套熱門軟件應(yīng)該是Frontpage 和Dreamweaver。下面我就來向大家簡(jiǎn)單介紹這兩種軟件。

Microsoft FrontPage是目前最流行的網(wǎng)頁制作與網(wǎng)站管理軟件之一，可以方便、快捷地編輯網(wǎng)頁樣式，在編輯器中提供了所見即所得的“設(shè)計(jì)”視圖，同時(shí)顯示網(wǎng)頁框架、代碼的“拆分”視圖，顯示代碼命令的“代碼視圖，預(yù)覽網(wǎng)頁頁面的“預(yù)覽”視圖四種不同編輯網(wǎng)頁使用的視圖。FrontPage有以下特點(diǎn)：

1.可視化。使用Frontpage軟件，不需要很深的網(wǎng)頁編程技術(shù)知識(shí)，也不需要了解HTML的語法，它支持所見即所得的編輯方式。

2.通用性。它的文字處理方法和Word基本相同，可以像編輯Word文件那樣在文章中插入表格和圖象，也可以插入聲音文件，動(dòng)畫和視頻文件。

3.多種視圖窗口?？梢允褂肍rontpage的“設(shè)計(jì)”視圖，直接輸入文字，插入圖片和表格?？梢允褂肍rontpage的“代碼”視圖，修改或編寫命令代碼?？梢允褂肍rontpage的“預(yù)覽”視圖，瀏覽編寫的網(wǎng)頁在瀏覽器中顯示的頁面。

4.易于管理。Frontpage可以將多個(gè)網(wǎng)頁組織起來成為一個(gè)站點(diǎn)，并能對(duì)它進(jìn)行分布和有效的管理。

Dreamweaver是美國(guó)macromedia公司開發(fā)的網(wǎng)頁制作和管理網(wǎng)站于一體的所見即所得網(wǎng)頁編輯器，它是第一套對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)和跨越瀏覽器的充滿動(dòng)感的網(wǎng)頁，它與Flash、Fireworks合在一起被稱為網(wǎng)頁制作三劍客，這三個(gè)軟件相輔相承，是制作網(wǎng)頁的最佳選擇。其中，Dreamweaver主要用來制作網(wǎng)頁文件，制作出來的網(wǎng)頁兼容性比較好，制作效率也很高，F(xiàn)lash用來制作精美的網(wǎng)頁動(dòng)畫，fireworks用來處理網(wǎng)頁中的圖形。Dreamweaver有以下特點(diǎn)：

1.卓越的可視環(huán)境。使用macromedia的可視化開發(fā)環(huán)境（如右圖所示），你只需通過簡(jiǎn)單的拖拉技術(shù)（Drag&Drop），將"Objects"窗口中的對(duì)象拖到"Documentwindow"中即可，例如：Web開發(fā)人員想在網(wǎng)頁中加入一個(gè)Table，只需將"Table"從"object"窗體中拖放到舞臺(tái)中，Dreamweaver將自動(dòng)生成一個(gè)表格，然后通過"Properties"（屬性）窗體來進(jìn)行格式的修改和調(diào)整。

2.所見即所得。你可以在"Properties"（屬性）窗體中調(diào)整參數(shù)，即刻在"Documentwindow"窗體中看到它的改變，如果你按下"F12"，Dreamweaver會(huì)自動(dòng)生成HTML文件格式，供欲覽，以便開發(fā)人員進(jìn)一步調(diào)整。

3.方便快速的文本編排。與"Word"相似，具有強(qiáng)大的文本編輯能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗體中輸入文字，通過快捷的右鍵，選擇例如"Font"（字體）類的選項(xiàng)進(jìn)行編輯，也可以利用"Text"菜單進(jìn)行更為細(xì)致的排版編輯。

4.高質(zhì)量的HTML生成方式。由Dreamweaver生成的HTML源代碼保持了很好的可讀性。代碼結(jié)構(gòu)基本上同手工生成的代碼相同，這使得設(shè)計(jì)者可以輕易掌握代碼全局并加以修改。

5.實(shí)時(shí)的HTML控制。設(shè)計(jì)者可以在可視化或者文本這兩種方式下進(jìn)行頁面的設(shè)計(jì)，并且可以實(shí)時(shí)的監(jiān)控HTML源代碼。當(dāng)設(shè)計(jì)者對(duì)代碼作出任何改動(dòng)時(shí)，結(jié)果將立刻顯示出來。

6.FTP。在Dreamweaver中包含了一個(gè)界面極為友好的FTP工具。通過它，設(shè)計(jì)者可以非常方便的將設(shè)計(jì)的單一頁面或者一個(gè)站點(diǎn)上傳至服務(wù)器。同時(shí)，設(shè)計(jì)者還可以非常方便的將已經(jīng)上傳至服務(wù)器的文件下載以供參考和修改。在文件傳輸?shù)倪^程中，Dreamweaver將記錄下整個(gè)過程以供錯(cuò)誤分析。

文件鎖定。這是一種專為合作開發(fā)環(huán)境設(shè)置的檔案機(jī)制?？梢酝ㄟ^標(biāo)記和取出機(jī)制設(shè)置只讀或可編寫屬性來進(jìn)行文檔的保護(hù)。通過這種方法可以防止不必要的數(shù)據(jù)丟失，增強(qiáng)了安全性。

這兩種軟件都有其優(yōu)點(diǎn)及缺點(diǎn)，通過在實(shí)際使用過程中的分析比較，我發(fā)現(xiàn)這兩種主流網(wǎng)頁編輯軟件的優(yōu)劣處體現(xiàn)在以下幾個(gè)方面：

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

2.使用操作性。在這方面FrontPage和Dreamweaver各有所長(zhǎng)：FrontPage具有Word類似的界面和操作性，尤其在手繪表格方面，很多人都覺得 FrontPage比Dreamweaver要方便不少。在查看源代碼和預(yù)覽功能上FrontPage也比Dreamweaver方便。還有對(duì)于采集整理資料很重要的一點(diǎn)：從瀏覽器中復(fù)制的頁面粘到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)的屬性欄也頗受喜愛。

3.與Word軟件的兼容性。很多人都是使用Word來輸入和編輯網(wǎng)頁文字內(nèi)容，如果要將這些文檔內(nèi)容剪貼到FrontPage或Dreamweaver軟件中時(shí)，就會(huì)發(fā)現(xiàn) FrontPage在這方面略勝一籌。因?yàn)槲覀冎灰赪ord中選取所要的部份(包含圖片)，然后貼到FrontPage的文字編輯區(qū)，不僅文字和圖片都能正常顯示，而且樣式也幾乎一致。其中不太一致的是，原本是居中的圖，會(huì)變成靠左。但是，如果我們選取了Word中的一部份，然后想要貼到Dreamweaver中，就會(huì)發(fā)現(xiàn)圖片不見了，而且文字的樣式也沒有了，因?yàn)槲淖秩繑D在一起，連段落也無法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話，就必須再花費(fèi)不少時(shí)間。

4.站點(diǎn)管理。相對(duì)于FrontPage強(qiáng)大的站點(diǎn)管理，Dreamweaver略顯不足：FrontPage中特有的報(bào)表視圖可以顯示未鏈接文件、慢速網(wǎng)頁、較舊的文件、新增文件、未驗(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)題、大小、類型、修改日期等說明。此外，Dreamweaver不認(rèn)為表格背景圖片是網(wǎng)頁不可缺少的部分。當(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é)果列表中的文件逐一打開替換。

5.圖片的使用。在使用圖片時(shí)，如果我們想要在Dreamweaver中放上圖片，必須使用“插入圖片”的方法來產(chǎn)生，而無法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤中，并且已經(jīng)取好名字才可以。而FrontPage就輕松多了。我們可以從任何軟件復(fù)制或剪貼圖片到FrontPage中，這些圖片并不需要事先儲(chǔ)存成文件。因?yàn)楫?dāng)我們要儲(chǔ)存網(wǎng)頁的時(shí)候，F(xiàn)rontPage會(huì)一并將這些圖片以預(yù)設(shè)的文件名儲(chǔ)存在“與網(wǎng)頁相同的文件夾”中。當(dāng)然圖片的文件名和儲(chǔ)存路徑都是可以修改的。

6.所見即所得。在這項(xiàng)功能上，F(xiàn)rontPage比Dreamweaver 強(qiáng)。由于這一點(diǎn)對(duì)初學(xué)者相當(dāng)重要，因此包括學(xué)生在內(nèi)的網(wǎng)頁設(shè)計(jì)初學(xué)者，都相當(dāng)偏好FrontPage。所謂“所見即所得”，就是我們?cè)谲浖性O(shè)計(jì)的樣式應(yīng)該和最后在網(wǎng)頁中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或 Dreamweaver時(shí)，都無法達(dá)到真正的“所見即所得”。也就是說，我們?cè)诰W(wǎng)頁編輯時(shí)的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來觀看結(jié)果，然后再到網(wǎng)頁編輯軟件中做修改。尤其在處理文字時(shí)更是常常有令人不太愉快的經(jīng)驗(yàn)。如果常常需要設(shè)定文字的“樣式”，建議使用FrontPage。

7.設(shè)計(jì)動(dòng)態(tài)和互動(dòng)式網(wǎng)頁。我們可以利用Dreamweaver的“圖層”(Layer)和“時(shí)間軸 ”(Time Line)功能，來讓圖片或文字隨意地在網(wǎng)頁中自由移動(dòng)。移動(dòng)的方式可以是繞著我們所設(shè)定的路徑(path)移動(dòng)，也可以是左右或直線的移動(dòng)。另外，我們可以設(shè)計(jì)讓文字或圖片配合鼠標(biāo)的點(diǎn)選有更多的變化。也就是說，當(dāng)鼠標(biāo)經(jīng)過文字或圖片，文字或圖片會(huì)產(chǎn)生變化的動(dòng)態(tài)效果。Dreamweaver還可以插入Flash的.swf動(dòng)畫文件和 Firework設(shè)計(jì)的HTML文件，讓網(wǎng)頁更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因?yàn)?Dreamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。

由此可見，F(xiàn)rontPage是一個(gè)非常簡(jiǎn)單使用的網(wǎng)頁編輯軟件，用它可以快速的編好一個(gè)網(wǎng)頁，特別適合第一次做網(wǎng)頁的人，通過FrontPage還可以做簡(jiǎn)單的多媒體課件、企業(yè)策劃書、產(chǎn)品演示說明書等，它具有上手快，易學(xué)、易用的特點(diǎn)。FrontPage是初學(xué)者理想的制作網(wǎng)頁的集成工具。而Dreamweaver 是一款專業(yè)的 HTML 編輯器，用于對(duì) Web 站點(diǎn)、Web 頁和 Web 應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。無論你愿意手工編寫 HTML 代碼時(shí)的駕馭感還是偏愛在可視化編輯環(huán)境中工作，Dreamweaver 都會(huì)為您提供有用的工具，使您擁有更加完美的 Web 創(chuàng)作體驗(yàn)。

FontPage和Dreamweaver各自的優(yōu)缺點(diǎn) 瀏覽次數(shù)：1268次懸賞分：20 | 提問時(shí)間：2008-10-8 13:56 | 提問者：343895975
大家都說使用FontPage多為新手,如果新手使用FontPage作為網(wǎng)頁制作的啟蒙軟件,是否會(huì)對(duì)今后的網(wǎng)頁制作水平產(chǎn)生影響?換一個(gè)角度說是否會(huì)弱于使用Dreamweaver的制作人?

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