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

網(wǎng)站制作的詳細(xì)8大步驟
由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。
一、搜集材料
明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。
二、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
三、制作網(wǎng)頁
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。
四、規(guī)劃網(wǎng)站
一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。 四、選擇合適的制作工具
盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。
五、推廣宣傳
網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
六、維護(hù)更新
網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者
★要想學(xué)做網(wǎng)頁，首先得了解制作網(wǎng)頁的工具。
制作網(wǎng)頁主要有以下一些工具
Frontpage：office自帶的一個工具，操作簡單，實用，學(xué)起來比較輕松，功能不咋地，我不太喜歡。
Dreamweaver：這是網(wǎng)頁三劍客之一，專門制作網(wǎng)頁的工具，可以自動將網(wǎng)頁生成代碼，是普通網(wǎng)頁制作者的選工具，界面簡單，實用功能比較強(qiáng)大。建議初學(xué)者選用。
另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態(tài)網(wǎng)頁。
此外還有一些網(wǎng)絡(luò)編程工具，javascript、java編輯器等。
網(wǎng)頁制作也是一個比較吃香的行業(yè)，要真正做一個好的網(wǎng)站，還必須有良好的設(shè)計功底。所以還得學(xué)很多邊緣性的軟件，例如photoshop、flash等。
大型的網(wǎng)站往往還需要數(shù)據(jù)庫的支持，所以還得懂?dāng)?shù)據(jù)庫。sql、甲骨文等。
七、上傳測試
網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。
FrontPage是一個非常簡單使用的網(wǎng)頁編輯軟件，用它可以快速的編好一個網(wǎng)頁，它具有上手快，易學(xué)、易用的特點。FrontPage是初學(xué)者理想的制作網(wǎng)頁的集成工具。Dreamweaver是第一套對專業(yè)網(wǎng)頁設(shè)計師的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺和跨越瀏覽器的充滿動感的網(wǎng)頁
【關(guān)鍵詞】網(wǎng)頁制作、FrontPage、所見即所得、 Dreamweaver，HTML
當(dāng)我們在網(wǎng)上沖浪時，會對那些美觀的網(wǎng)頁羨慕不已，其實，我們也可以制作自己的個人網(wǎng)頁，現(xiàn)在網(wǎng)頁制作軟件不少，主要有以下幾種有特色的網(wǎng)頁制作軟件。
Microsoft FrontPage——制作功能強(qiáng)大的網(wǎng)頁
Netscape編輯器——制作簡單的網(wǎng)頁
Adobe Pagemill ——制作多框架、表單和Image Map圖像的網(wǎng)頁
Claris Home Page ——快速創(chuàng)建動態(tài)的網(wǎng)頁
DreamWeaver——自制動態(tài)HTML動畫的網(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)大而又方便至極的超級網(wǎng)頁編輯工具
Paintshop Pro ——可以看作是photoshop的簡化版本
Ulead Cool 3d——人人叫好的3D特效字制作工具
Gif movie Gear ——簡單至極的動畫軟件
Ulead Smartsaver——對圖像進(jìn)行優(yōu)化、壓縮處理
在這么多網(wǎng)頁制作軟件中，目前最知名和最常用的兩套熱門軟件應(yīng)該是Frontpage 和Dreamweaver。下面我就來向大家簡單介紹這兩種軟件。
Microsoft FrontPage是目前最流行的網(wǎng)頁制作與網(wǎng)站管理軟件之一，可以方便、快捷地編輯網(wǎng)頁樣式，在編輯器中提供了所見即所得的“設(shè)計”視圖，同時顯示網(wǎng)頁框架、代碼的“拆分”視圖，顯示代碼命令的“代碼視圖，預(yù)覽網(wǎng)頁頁面的“預(yù)覽”視圖四種不同編輯網(wǎng)頁使用的視圖。FrontPage有以下特點：
1.可視化。使用Frontpage軟件，不需要很深的網(wǎng)頁編程技術(shù)知識，也不需要了解HTML的語法，它支持所見即所得的編輯方式。
2.通用性。它的文字處理方法和Word基本相同，可以像編輯Word文件那樣在文章中插入表格和圖象，也可以插入聲音文件，動畫和視頻文件。
3.多種視圖窗口?？梢允褂肍rontpage的“設(shè)計”視圖，直接輸入文字，插入圖片和表格?？梢允褂肍rontpage的“代碼”視圖，修改或編寫命令代碼?？梢允褂肍rontpage的“預(yù)覽”視圖，瀏覽編寫的網(wǎng)頁在瀏覽器中顯示的頁面。
4.易于管理。Frontpage可以將多個網(wǎng)頁組織起來成為一個站點，并能對它進(jìn)行分布和有效的管理。
Dreamweaver是美國macromedia公司開發(fā)的網(wǎng)頁制作和管理網(wǎng)站于一體的所見即所得網(wǎng)頁編輯器，它是第一套對專業(yè)網(wǎng)頁設(shè)計師的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺和跨越瀏覽器的充滿動感的網(wǎng)頁，它與Flash、Fireworks合在一起被稱為網(wǎng)頁制作三劍客，這三個軟件相輔相承，是制作網(wǎng)頁的好選擇。其中，Dreamweaver主要用來制作網(wǎng)頁文件，制作出來的網(wǎng)頁兼容性比較好，制作效率也很高，F(xiàn)lash用來制作精美的網(wǎng)頁動畫，fireworks用來處理網(wǎng)頁中的圖形。Dreamweaver有以下特點：
1.卓越的可視環(huán)境。使用macromedia的可視化開發(fā)環(huán)境（如右圖所示），你只需通過簡單的拖拉技術(shù)（Drag&Drop），將"Objects"窗口中的對象拖到"Documentwindow"中即可，例如：Web開發(fā)人員想在網(wǎng)頁中加入一個Table，只需將"Table"從"object"窗體中拖放到舞臺中，Dreamweaver將自動生成一個表格，然后通過"Properties"（屬性）窗體來進(jìn)行格式的修改和調(diào)整。
2.所見即所得。你可以在"Properties"（屬性）窗體中調(diào)整參數(shù)，即刻在"Documentwindow"窗體中看到它的改變，如果你按下"F12"，Dreamweaver會自動生成HTML文件格式，供欲覽，以便開發(fā)人員進(jìn)一步調(diào)整。
3.方便快速的文本編排。與"Word"相似，具有強(qiáng)大的文本編輯能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗體中輸入文字，通過快捷的右鍵，選擇例如"Font"（字體）類的選項進(jìn)行編輯，也可以利用"Text"菜單進(jìn)行更為細(xì)致的排版編輯。
4.高質(zhì)量的HTML生成方式。由Dreamweaver生成的HTML源代碼保持了很好的可讀性。代碼結(jié)構(gòu)基本上同手工生成的代碼相同，這使得設(shè)計者可以輕易掌握代碼全局并加以修改。
5.實時的HTML控制。設(shè)計者可以在可視化或者文本這兩種方式下進(jìn)行頁面的設(shè)計，并且可以實時的監(jiān)控HTML源代碼。當(dāng)設(shè)計者對代碼作出任何改動時，結(jié)果將立刻顯示出來。
6.FTP。在Dreamweaver中包含了一個界面極為友好的FTP工具。通過它，設(shè)計者可以非常方便的將設(shè)計的單一頁面或者一個站點上傳至服務(wù)器。同時，設(shè)計者還可以非常方便的將已經(jīng)上傳至服務(wù)器的文件下載以供參考和修改。在文件傳輸?shù)倪^程中，Dreamweaver將記錄下整個過程以供錯誤分析。
文件鎖定。這是一種專為合作開發(fā)環(huán)境設(shè)置的檔案機(jī)制。可以通過標(biāo)記和取出機(jī)制設(shè)置只讀或可編寫屬性來進(jìn)行文檔的保護(hù)。通過這種方法可以防止不必要的數(shù)據(jù)丟失，增強(qiáng)了安全性。
這兩種軟件都有其優(yōu)點及缺點，通過在實際使用過程中的分析比較，我發(fā)現(xiàn)這兩種主流網(wǎng)頁編輯軟件的優(yōu)劣處體現(xiàn)在以下幾個方面：
1.代碼簡潔性。在使用FrontPage時，搭配使用一個網(wǎng)頁壓縮軟件是常事，F(xiàn)rontPage常常在網(wǎng)頁中莫名其妙插入很多空格，經(jīng)壓縮后網(wǎng)頁會比原先小 20％～30％，而下次編輯存盤后這些空格又還會再度出現(xiàn)，揮之不去。而以代碼簡潔而著稱的Dreamweaver沒有這方面的問題。
2.使用操作性。在這方面FrontPage和Dreamweaver各有所長：FrontPage具有Word類似的界面和操作性，尤其在手繪表格方面，很多人都覺得 FrontPage比Dreamweaver要方便不少。在查看源代碼和預(yù)覽功能上FrontPage也比Dreamweaver方便。還有對于采集整理資料很重要的一點：從瀏覽器中復(fù)制的頁面粘到FrontPage中時仍能保持原有的表格、鏈接、文字格式；而在Dreamweaver中即使使用 “Past as text”也只能粘貼為純文本段。Dreamweaver的優(yōu)點在于：它的標(biāo)記選擇器（Tag selector）可以方便準(zhǔn)確地選擇所要編輯的對象。此外，它的表格與層相互轉(zhuǎn)化、依對象而自動變動的屬性欄也頗受喜愛。
3.與Word軟件的兼容性。很多人都是使用Word來輸入和編輯網(wǎng)頁文字內(nèi)容，如果要將這些文檔內(nèi)容剪貼到FrontPage或Dreamweaver軟件中時，就會發(fā)現(xiàn) FrontPage在這方面略勝一籌。因為我們只要在Word中選取所要的部份(包含圖片)，然后貼到FrontPage的文字編輯區(qū)，不僅文字和圖片都能正常顯示，而且樣式也幾乎一致。其中不太一致的是，原本是居中的圖，會變成靠左。但是，如果我們選取了Word中的一部份，然后想要貼到Dreamweaver中，就會發(fā)現(xiàn)圖片不見了，而且文字的樣式也沒有了，因為文字全部擠在一起，連段落也無法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話，就必須再花費不少時間。
4.站點管理。相對于FrontPage強(qiáng)大的站點管理，Dreamweaver略顯不足：FrontPage中特有的報表視圖可以顯示未鏈接文件、慢速網(wǎng)頁、較舊的文件、新增文件、未驗證鏈接等15個項目細(xì)節(jié)。Dreamweaver在這方面做得就差多了，只有簡單的斷裂鏈接（Broken links）、外部鏈接(External links)和孤文件(Orphaned Files)三項。而且不像FrontPage中每一項目下都有詳細(xì)的文件名稱、標(biāo)題、大小、類型、修改日期等說明。此外，Dreamweaver不認(rèn)為表格背景圖片是網(wǎng)頁不可缺少的部分。當(dāng)在站點管理器中對表格背景圖片進(jìn)行移動或改名等操作時，Dreamweaver 不會提示更新鏈接，結(jié)果就會出現(xiàn)斷裂鏈接。而且基于同樣的原因，Dreamweaver會把表格背景圖片識別為孤文件，也影響了對網(wǎng)站的管理。當(dāng)然Dreamweaver在站點管理方面也有其優(yōu)秀之處。它可以在不逐一打開每個文件的情況下實現(xiàn)全站的整體查找替換，還有其特有的HTML標(biāo)記屬性的查找，功能強(qiáng)大。相比之下FrontPage可以實現(xiàn)全站查找但做不到即時替換，需要對查找結(jié)果列表中的文件逐一打開替換。
5.圖片的使用。在使用圖片時，如果我們想要在Dreamweaver中放上圖片，必須使用“插入圖片”的方法來產(chǎn)生，而無法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤中，并且已經(jīng)取好名字才可以。而FrontPage就輕松多了。我們可以從任何軟件復(fù)制或剪貼圖片到FrontPage中，這些圖片并不需要事先儲存成文件。因為當(dāng)我們要儲存網(wǎng)頁的時候，F(xiàn)rontPage會一并將這些圖片以預(yù)設(shè)的文件名儲存在“與網(wǎng)頁相同的文件夾”中。當(dāng)然圖片的文件名和儲存路徑都是可以修改的。
6.所見即所得。在這項功能上，F(xiàn)rontPage比Dreamweaver 強(qiáng)。由于這一點對初學(xué)者相當(dāng)重要，因此包括學(xué)生在內(nèi)的網(wǎng)頁設(shè)計初學(xué)者，都相當(dāng)偏好FrontPage。所謂“所見即所得”，就是我們在軟件中設(shè)計的樣式應(yīng)該和最后在網(wǎng)頁中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或 Dreamweaver時，都無法達(dá)到真正的“所見即所得”。也就是說，我們在網(wǎng)頁編輯時的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來觀看結(jié)果，然后再到網(wǎng)頁編輯軟件中做修改。尤其在處理文字時更是常常有令人不太愉快的經(jīng)驗。如果常常需要設(shè)定文字的“樣式”，建議使用FrontPage。
7.設(shè)計動態(tài)和互動式網(wǎng)頁。我們可以利用Dreamweaver的“圖層”(Layer)和“時間軸 ”(Time Line)功能，來讓圖片或文字隨意地在網(wǎng)頁中自由移動。移動的方式可以是繞著我們所設(shè)定的路徑(path)移動，也可以是左右或直線的移動。另外，我們可以設(shè)計讓文字或圖片配合鼠標(biāo)的點選有更多的變化。也就是說，當(dāng)鼠標(biāo)經(jīng)過文字或圖片，文字或圖片會產(chǎn)生變化的動態(tài)效果。Dreamweaver還可以插入Flash的.swf動畫文件和 Firework設(shè)計的HTML文件，讓網(wǎng)頁更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因為 Dreamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。
由此可見，F(xiàn)rontPage是一個非常簡單使用的網(wǎng)頁編輯軟件，用它可以快速的編好一個網(wǎng)頁，特別適合第一次做網(wǎng)頁的人，通過FrontPage還可以做簡單的多媒體課件、企業(yè)策劃書、產(chǎn)品演示說明書等，它具有上手快，易學(xué)、易用的特點。FrontPage是初學(xué)者理想的制作網(wǎng)頁的集成工具。而Dreamweaver 是一款專業(yè)的 HTML 編輯器，用于對 Web 站點、Web 頁和 Web 應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。無論你愿意手工編寫 HTML 代碼時的駕馭感還是偏愛在可視化編輯環(huán)境中工作，Dreamweaver 都會為您提供有用的工具，使您擁有更加好的 Web 創(chuàng)作體驗。
FontPage和Dreamweaver各自的優(yōu)缺點 瀏覽次數(shù)：1268次懸賞分：20 | 提問時間：2008-10-8 13:56 | 提問者：343895975
大家都說使用FontPage多為新手,如果新手使用FontPage作為網(wǎng)頁制作的啟蒙軟件,是否會對今后的網(wǎng)頁制作水平產(chǎn)生影響?換一個角度說是否會弱于使用Dreamweaver的制作人?
其他回答 共1條
在目前的網(wǎng)頁編輯軟件中， MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的兩套熱門軟件。通過在實際使用過程中的分析比較，我對這兩種主流網(wǎng)頁編輯軟件的優(yōu)劣得出了點個人體會。
一、代碼簡潔性
在使用FrontPage時，搭配使用一個網(wǎng)頁壓縮軟件是常事，F(xiàn)rontPage常常在網(wǎng)頁中莫名其妙插入很多空格，經(jīng)壓縮后網(wǎng)頁會比原先小 20％～30％，而下次編輯存盤后這些空格又還會再度出現(xiàn)，揮之不去。而以代碼簡潔而著稱的Dreamweaver沒有這方面的問題。
二、使用操作性
在這方面FrontPage和Dreamweaver各有所長：FrontPage具有與Word類似的界面和操作性，尤其在手繪表格方面，很多人都覺得 FrontPage比Dreamweaver要方便不少。在查看源代碼和預(yù)覽功能上FrontPage也比Dreamweaver方便。還有對于采集整理資料很重要的一點：從瀏覽器中復(fù)制的頁面粘到FrontPage中時仍能保持原有的表格、鏈接、文字格式；而在Dreamweaver中即使使用 “Past as text”也只能粘貼為純文本段落。
Dreamweaver的優(yōu)點在于：它的標(biāo)記選擇器（Tag selector）可以方便準(zhǔn)確地選擇所要編輯的對象。此外，它的表格與層相互轉(zhuǎn)化、依對象而自動變動的屬性欄也頗受喜愛。
三、與Word軟件的兼容性
很多人都是使用Word來輸入和編輯網(wǎng)頁文字內(nèi)容，如果要將這些文檔內(nèi)容剪貼到FrontPage或Dreamweaver軟件中時，就會發(fā)現(xiàn) FrontPage在這方面略勝一籌。因為我們只要在Word中選取所要的部份(包含圖片)，然后貼到FrontPage的文字編輯區(qū)，不僅文字和圖片都能正常顯示，而且樣式也幾乎一致。其中不太一致的是，原本是居中的圖，會變成靠左。
但是，如果我們選取了Word中的一部份，然后想要貼到Dreamweaver中，就會發(fā)現(xiàn)圖片不見了，而且文字的樣式也沒有了，因為文字全部擠在一起，連段落也無法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話，就必須再花費不少時間。
四、站點管理
相對于FrontPage強(qiáng)大的站點管理，Dreamweaver略顯不足：FrontPage中特有的報表視圖可以顯示未鏈接文件、慢速網(wǎng)頁、較舊的文件、新增文件、未驗證鏈接等15個項目細(xì)節(jié)。Dreamweaver在這方面做得就差多了，只有簡單的斷裂鏈接（Broken links）、外部鏈接(External links)和孤文件(Orphaned Files)三項。而且不像FrontPage中每一項目下都有詳細(xì)的文件名稱、標(biāo)題、大小、類型、修改日期等說明。
此外，Dreamweaver不認(rèn)為表格背景圖片是網(wǎng)頁不可缺少的部分。當(dāng)在站點管理器中對表格背景圖片進(jìn)行移動或改名等操作時，Dreamweaver 不會提示更新鏈接，結(jié)果就會出現(xiàn)斷裂鏈接。而且基于同樣的原因，Dreamweaver會把表格背景圖片識別為孤文件，也影響了對網(wǎng)站的管理。
當(dāng)然Dreamweaver在站點管理方面也有其優(yōu)秀之處。它可以在不逐一打開每個文件的情況下實現(xiàn)全站的整體查找替換，還有其特有的HTML標(biāo)記屬性的查找，功能強(qiáng)大。相比之下FrontPage可以實現(xiàn)全站查找但做不到即時替換，需要對查找結(jié)果列表中的文件逐一打開替換。
FrontPage對站點管理的一個不好的副產(chǎn)品就是大量的“_vti_cnf”目錄，里面對應(yīng)記錄了站點每一個文件的相關(guān)信息。因此，如果我們用MODEM來上傳主頁的話，就必須找一個好點的上載軟件才能把它們?yōu)V掉。
五、圖片的使用
在使用圖片時，如果我們想要在Dreamweaver中放上圖片，必須使用“插入圖片”的方法來產(chǎn)生，而無法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤中，并且已經(jīng)取好名字才可以。
而FrontPage就輕松多了。我們可以從任何軟件復(fù)制或剪貼圖片到FrontPage中，這些圖片并不需要事先儲存成文件。因為當(dāng)我們要儲存網(wǎng)頁的時候，F(xiàn)rontPage會一并將這些圖片以預(yù)設(shè)的文件名儲存在“與網(wǎng)頁相同的文件夾”中。當(dāng)然圖片的文件名和儲存路徑都是可以修改的。
六、所見即所得
在這項功能上，F(xiàn)rontPage比Dreamweaver 強(qiáng)。由于這一點對初學(xué)者相當(dāng)重要，因此包括學(xué)生在內(nèi)的網(wǎng)頁設(shè)計初學(xué)者，都相當(dāng)偏好FrontPage。
所謂“所見即所得”，就是我們在軟件中設(shè)計的樣式應(yīng)該和最后在網(wǎng)頁中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或 Dreamweaver時，都無法達(dá)到真正的“所見即所得”。也就是說，我們在網(wǎng)頁編輯時的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來觀看結(jié)果，然后再到網(wǎng)頁編輯軟件中做修改。尤其在處理文字時更是常常有令人不太愉快的經(jīng)驗。如果常常需要設(shè)定文字的“樣式”，建議使用FrontPage。
七、文字樣式
在使用文字時，F(xiàn)rontPage提供較多的設(shè)定功能，能讓文字做更多的樣式變化。而且文字在經(jīng)過設(shè)定樣式后，文字也會作即時的變更。例如設(shè)計者可以對文字設(shè)定“字體”、“大小”、“顏色”，也可以設(shè)定文字“內(nèi)縮”、“行距”、“段落距離”、“字距”。而后面這四項在Dreamweaver中是無法更改的。
雖然FrontPage在文字樣式方面提供較多的功能，同時在“所見即所得”上也較令人滿意，但卻并不是說FrontPage在這方面就沒有缺點。有時我們在設(shè)定鏈接文字的色彩或粗細(xì)體上，也往往碰到一大堆問題，這些都是軟件廠商以后應(yīng)該注意修正的事項。
八、固定部件更新
要保持網(wǎng)站的整體風(fēng)格，每頁的公司徽標(biāo)、版權(quán)欄、宣傳語句、廣告等頁面元素是必備要素之一。當(dāng)必須對這些要素進(jìn)行修改時，手工修改的工作量是難以想象的。對此，F(xiàn)rontPage和Dreamweaver都有自己的解決方案：FrontPage采用共享邊框，在站點上的單個或所有頁面的某一邊上共享相同內(nèi)容并保持統(tǒng)一更新；而Dreamweaver則設(shè)立了庫（Library）的概念，可以把頁面中所要重復(fù)的任一部件加入到庫項目，自由設(shè)定在所需的頁面中重復(fù)使用、統(tǒng)一更新。
相對于Dreamweaver的庫，F(xiàn)rontPage的共享邊框就要遜色多了。它只能在網(wǎng)頁的四邊中選擇位置，而且一旦設(shè)置，影響的就是網(wǎng)站所有頁面，對于不想采用共享邊框的頁面只能另外逐一單獨設(shè)置。最致命的一點是在FrontPage應(yīng)用共享邊框的時候會把原頁面內(nèi)容統(tǒng)統(tǒng)套在一個大表格中，而共享邊框設(shè)在另一個表格之中。這樣的危害在設(shè)計者本地看不大出來，然而在網(wǎng)絡(luò)上由于瀏覽器要下載完整個表格才會顯示，因而會大大降低網(wǎng)頁的實際瀏覽速度。
九、設(shè)計動態(tài)和互動式網(wǎng)頁
Dreamweaver的使用者和支持者，從現(xiàn)在開始，可以抬頭挺胸了。因為下面這兩大項的功能都是Dreamweaver的長處，而且是極其重要的兩項。
首先介紹的這項功能，就是Dreamweaver具有“設(shè)計互動式網(wǎng)頁”的功能。我們可以利用Dreamweaver的“圖層”(Layer)和“時間軸 ”(Time Line)功能，來讓圖片或文字隨意地在網(wǎng)頁中自由移動。移動的方式可以是繞著我們所設(shè)定的路徑(path)移動，也可以是左右或直線的移動。
另外，我們可以設(shè)計讓文字或圖片配合鼠標(biāo)的點選有更多的變化。也就是說，當(dāng)鼠標(biāo)經(jīng)過文字或圖片，文字或圖片會產(chǎn)生變化的動態(tài)效果。
Dreamweaver還可以插入Flash的.swf動畫文件和 Firework設(shè)計的HTML文件，讓網(wǎng)頁更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因為 Dreamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。
十、模板功能
現(xiàn)在的網(wǎng)站內(nèi)容，大都會在每一個網(wǎng)頁中提供“目錄”(主功能鏈接)。而這些目錄式的項目通常在未來會有所改變，但是我們的網(wǎng)頁可能也有數(shù)百個或甚至數(shù)千個，難道我們的每個網(wǎng)頁都要做一一修改嗎？這顯然是不可能的。
于是我們可以利用Dreamweaver提供的“模板”功能(模板后綴名為.dwt)，即：首先設(shè)計一份模板或二、三份模板(份數(shù)當(dāng)然可以根據(jù)我們的需要而定)，然后將我們的網(wǎng)頁“套用”這些模板，之后只要修改相關(guān)的模板(可能只改變一個)，那么所有套用模板的網(wǎng)頁，就可以“一次全部”跟著修改。這項功能對于設(shè)計大型網(wǎng)站或多網(wǎng)頁的網(wǎng)站有“容易修改和維護(hù)”的作用。
至于FrontPage，雖然它提供“主題”(Theme)，也能夠讓多網(wǎng)頁套用到某些“主題”的樣式，但是FrontPage的這項功能彈性比較差。也就是說，我們在許多地方無法按照自己的想法來設(shè)計，只能使用FrontPage的幾種固定樣式。因此，如果希望設(shè)計出富有變化的套用模板，那么建議使用 Dreamweaver。

文章名稱：網(wǎng)站制作的詳細(xì)7大步驟
文章起源：http://muchs.cn/news31/235381.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、品牌網(wǎng)站制作、自適應(yīng)網(wǎng)站、網(wǎng)站排名、App開發(fā)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)