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

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

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

一、搜集材料

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

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

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

三、制作網(wǎng)頁(yè)

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(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)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(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)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具

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

五、推廣宣傳

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

六、維護(hù)更新

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

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

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

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

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

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

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

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

七、上傳測(cè)試

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.方便快速的文本編排。與"Word"相似，具有強(qiáng)大的文本編輯能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗體中輸入文字，通過(guò)快捷的右鍵，選擇例如"Font"（字體）類(lèi)的選項(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)行頁(yè)面的設(shè)計(jì)，并且可以實(shí)時(shí)的監(jiān)控HTML源代碼。當(dāng)設(shè)計(jì)者對(duì)代碼作出任何改動(dòng)時(shí)，結(jié)果將立刻顯示出來(lái)。

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

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

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

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

2.使用操作性。在這方面FrontPage和Dreamweaver各有所長(zhǎng)：FrontPage具有Word類(lèi)似的界面和操作性，尤其在手繪表格方面，很多人都覺(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)的屬性欄也頗受喜愛(ài)。

3.與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)圖片不見(jiàn)了，而且文字的樣式也沒(méi)有了，因?yàn)槲淖秩繑D在一起，連段落也無(wú)法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話(huà)，就必須再花費(fèi)不少時(shí)間。

4.站點(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ì)的文件名稱(chēng)、標(biāo)題、大小、類(lèi)型、修改日期等說(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)秀之處。它可以在不逐一打開(kāi)每個(gè)文件的情況下實(shí)現(xiàn)全站的整體查找替換，還有其特有的HTML標(biāo)記屬性的查找，功能強(qiáng)大。相比之下FrontPage可以實(shí)現(xiàn)全站查找但做不到即時(shí)替換，需要對(duì)查找結(jié)果列表中的文件逐一打開(kāi)替換。

5.圖片的使用。在使用圖片時(shí)，如果我們想要在Dreamweaver中放上圖片，必須使用“插入圖片”的方法來(lái)產(chǎn)生，而無(wú)法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤(pán)中，并且已經(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ǔ)存路徑都是可以修改的。

6.所見(jiàn)即所得。在這項(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。所謂“所見(jiàn)即所得”，就是我們?cè)谲浖性O(shè)計(jì)的樣式應(yīng)該和最后在網(wǎng)頁(yè)中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或 Dreamweaver時(shí)，都無(wú)法達(dá)到真正的“所見(jiàn)即所得”。也就是說(shuō)，我們?cè)诰W(wǎng)頁(yè)編輯時(shí)的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來(lái)觀(guān)看結(jié)果，然后再到網(wǎng)頁(yè)編輯軟件中做修改。尤其在處理文字時(shí)更是常常有令人不太愉快的經(jīng)驗(yàn)。如果常常需要設(shè)定文字的“樣式”，建議使用FrontPage。

7.設(shè)計(jì)動(dòng)態(tài)和互動(dòng)式網(wǎng)頁(yè)。我們可以利用Dreamweaver的“圖層”(Layer)和“時(shí)間軸 ”(Time Line)功能，來(lái)讓圖片或文字隨意地在網(wǎng)頁(yè)中自由移動(dòng)。移動(dòng)的方式可以是繞著我們所設(shè)定的路徑(path)移動(dòng)，也可以是左右或直線(xiàn)的移動(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)畫(huà)文件和 Firework設(shè)計(jì)的HTML文件，讓網(wǎng)頁(yè)更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因?yàn)?Dreamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。

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

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

其他回答 共1條
在目前的網(wǎng)頁(yè)編輯軟件中， MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的兩套熱門(mén)軟件。通過(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％，而下次編輯存盤(pán)后這些空格又還會(huì)再度出現(xiàn)，揮之不去。而以代碼簡(jiǎn)潔而著稱(chēng)的Dreamweaver沒(méi)有這方面的問(wèn)題。
二、使用操作性
在這方面FrontPage和Dreamweaver各有所長(zhǎng)：FrontPage具有與Word類(lèi)似的界面和操作性，尤其在手繪表格方面，很多人都覺(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)的屬性欄也頗受喜愛(ài)。
三、與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)圖片不見(jiàn)了，而且文字的樣式也沒(méi)有了，因?yàn)槲淖秩繑D在一起，連段落也無(wú)法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話(huà)，就必須再花費(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ì)的文件名稱(chēng)、標(biāo)題、大小、類(lèi)型、修改日期等說(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)秀之處。它可以在不逐一打開(kāi)每個(gè)文件的情況下實(shí)現(xiàn)全站的整體查找替換，還有其特有的HTML標(biāo)記屬性的查找，功能強(qiáng)大。相比之下FrontPage可以實(shí)現(xiàn)全站查找但做不到即時(shí)替換，需要對(duì)查找結(jié)果列表中的文件逐一打開(kāi)替換。
FrontPage對(duì)站點(diǎn)管理的一個(gè)不好的副產(chǎn)品就是大量的“_vti_cnf”目錄，里面對(duì)應(yīng)記錄了站點(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就輕松多了。我們可以從任何軟件復(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ǔ)存路徑都是可以修改的。
六、所見(jiàn)即所得
在這項(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。
所謂“所見(jiàn)即所得”，就是我們?cè)谲浖性O(shè)計(jì)的樣式應(yīng)該和最后在網(wǎng)頁(yè)中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或 Dreamweaver時(shí)，都無(wú)法達(dá)到真正的“所見(jiàn)即所得”。也就是說(shuō)，我們?cè)诰W(wǎng)頁(yè)編輯時(shí)的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來(lái)觀(guān)看結(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í)在“所見(jiàn)即所得”上也較令人滿(mǎn)意，但卻并不是說(shuō)FrontPage在這方面就沒(méi)有缺點(diǎn)。有時(shí)我們?cè)谠O(shè)定鏈接文字的色彩或粗細(xì)體上，也往往碰到一大堆問(wèn)題，這些都是軟件廠(chǎng)商以后應(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)在開(kāi)始，可以抬頭挺胸了。因?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)，也可以是左右或直線(xiàn)的移動(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)畫(huà)文件和 Firework設(shè)計(jì)的HTML文件，讓網(wǎng)頁(yè)更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因?yàn)?Dreamweaver、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則更多為專(zhuān)業(yè)公司所采用，如何選擇就看用戶(hù)自己了。
本文發(fā)布于北京網(wǎng)站建設(shè)公司尚品中國(guó)http://m.proteomeinstitute.com/