制作網(wǎng)頁(yè)工具（制作網(wǎng)頁(yè)工具有哪些）

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于制作網(wǎng)頁(yè)工具的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶(hù)遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話(huà)：175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、網(wǎng)頁(yè)制作常用的工具是？

• 2、制作網(wǎng)頁(yè)詳細(xì)操作步驟

• 3、網(wǎng)頁(yè)制作的主要工具都有什么？詳細(xì)些

• 4、網(wǎng)頁(yè)制作的軟件有哪些

一、網(wǎng)頁(yè)制作常用的工具是？

常用的網(wǎng)頁(yè)制作軟件主要分為網(wǎng)頁(yè)制作和網(wǎng)頁(yè)圖像、動(dòng)畫(huà)制作工具：網(wǎng)頁(yè)制作：AdobeDreamweaver，F(xiàn)rontPage（網(wǎng)頁(yè)制作入門(mén)的推薦使用）圖像制作：Photoshop，F(xiàn)ireworks動(dòng)畫(huà)制作：imageready，flash當(dāng)然，還有別的軟件，如當(dāng)你非熟悉HTML和其他網(wǎng)頁(yè)編程語(yǔ)言時(shí)，一個(gè)WIN系統(tǒng)自帶的記事本也可以用來(lái)制作網(wǎng)頁(yè)，這里推薦使用網(wǎng)頁(yè)三劍客，即Dreamweaver、Fireworks和flash

二、制作網(wǎng)頁(yè)詳細(xì)操作步驟

導(dǎo)讀：目前所見(jiàn)即所得類(lèi)型的工具越來(lái)越多，使用也越來(lái)越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫(xiě)一行行的源代碼那樣。下面為大家?guī)?lái)制作網(wǎng)頁(yè)詳細(xì)操作步驟，快來(lái)看看吧。

制作網(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、甲骨文等。

總之，掌握好網(wǎng)頁(yè)制作，能獨(dú)立完成一個(gè)網(wǎng)站的制作工作，那就不要考慮吃飯問(wèn)題。隨便混就好了！

網(wǎng)站設(shè)計(jì)八步驟

由于目前所見(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)站主題

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

三、規(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è)

材料有了，工具也選好了，下面就需要按照規(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)用模板，這樣可以大大提高制作效率。

六、上傳測(cè)試

網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(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)瀏覽。

七、推廣宣傳

網(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)容，才能夠吸引住瀏覽者。

網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)

一、教材或教學(xué)內(nèi)容分析

本章內(nèi)容在本教材中的位置處于第五章，是在文字處理（Word2000）和網(wǎng)絡(luò)基礎(chǔ)及因特網(wǎng)應(yīng)用兩章之后。學(xué)生所學(xué)的文字處理軟件Word和將要學(xué)習(xí)的網(wǎng)頁(yè)制作軟件Frontpage同是Microsoft公司的產(chǎn)品，在軟件的使用上有很多的共通之處，所以在學(xué)習(xí)frontpage的時(shí)候，很多內(nèi)容可以讓學(xué)生自學(xué)，而不必面面俱到地在課上講授。而第四章網(wǎng)絡(luò)基礎(chǔ)及因特網(wǎng)的應(yīng)用又為學(xué)生對(duì)網(wǎng)頁(yè)的理解奠定了基礎(chǔ)，學(xué)生對(duì)網(wǎng)頁(yè)中的基本元素——文字、圖片、動(dòng)畫(huà)、聲音等都有所了解，而網(wǎng)頁(yè)的制作就是將這些元素重新組合到網(wǎng)頁(yè)上，學(xué)生要學(xué)的就是這種組合的方法。所以說(shuō)，雖然大多數(shù)學(xué)生以前都未接觸過(guò)網(wǎng)頁(yè)的制作，但有了以上這些基礎(chǔ)，學(xué)起來(lái)就輕松多了。

本章內(nèi)容按照學(xué)生已有的基礎(chǔ)，我對(duì)教學(xué)內(nèi)容分了一下類(lèi)，也為教學(xué)的組織工作打下一點(diǎn)基礎(chǔ)。本章內(nèi)容主要由網(wǎng)頁(yè)基礎(chǔ)知識(shí)、網(wǎng)站的建立和管理、網(wǎng)頁(yè)的制作、創(chuàng)建超鏈接、圖片的處理、網(wǎng)頁(yè)框架。

重點(diǎn)是網(wǎng)頁(yè)的制作和創(chuàng)建超鏈接，學(xué)會(huì)了這些就可以開(kāi)始簡(jiǎn)單的網(wǎng)頁(yè)制作了。

難點(diǎn)是網(wǎng)頁(yè)框架，這部分相互之間關(guān)系比較復(fù)雜，必要時(shí)，老師在對(duì)各組個(gè)別輔導(dǎo)時(shí)，可以給予分別講解。 這個(gè)分類(lèi)可以為組長(zhǎng)安排各個(gè)組員的任務(wù)提供參考，使分工更加合理。

二、教學(xué)對(duì)象的分析

信息技術(shù)課雖然已經(jīng)成為初中的必修科目，但是城鄉(xiāng)學(xué)生之間掌握情況的差異卻相當(dāng)大，條件好一點(diǎn)的初中學(xué)生不僅已經(jīng)熟練掌握了課本上的內(nèi)容，還對(duì)一些常用軟件有所了解；而差一點(diǎn)的可以說(shuō)是從高中開(kāi)始才正式接觸到信息技術(shù)知識(shí)的學(xué)習(xí)，他們需要多鍛煉、多指導(dǎo)，所以協(xié)作學(xué)習(xí)對(duì)學(xué)生的學(xué)習(xí)幫助很大。

三、教學(xué)策略的選擇及媒體的使用

在教學(xué)策略的選擇上，我使用的是任務(wù)驅(qū)動(dòng)和協(xié)作學(xué)習(xí)相結(jié)合的方法。

任務(wù)驅(qū)動(dòng)就是要求本章內(nèi)容學(xué)習(xí)完之后，每個(gè)小組都要完成自己班級(jí)網(wǎng)站的制作，并在全班進(jìn)行評(píng)比，選擇最好的作為班級(jí)主頁(yè)掛到學(xué)校主頁(yè)上去，這有助于激發(fā)學(xué)生參與學(xué)習(xí)的積極性。

協(xié)作學(xué)習(xí)則是讓學(xué)生在學(xué)習(xí)過(guò)程中互幫互助，用較短的時(shí)間、教少的精力學(xué)到更多的東西，完成一個(gè)集體項(xiàng)目，讓他們?cè)趯W(xué)習(xí)之后獲得成就感。因此在媒體的選擇上，我們使用的是TOP2000系統(tǒng)。TOP2000系統(tǒng)有利于教師進(jìn)行分組教學(xué)和學(xué)生作品的點(diǎn)評(píng)及成果的展示。教學(xué)過(guò)程開(kāi)始之前，教師把學(xué)生按座位分成四組，每個(gè)組都按學(xué)生對(duì)計(jì)算機(jī)的掌握程度平均分配，保證每個(gè)組都有計(jì)算機(jī)操作方面比較突出的，也有相對(duì)比較差的，使其形成能夠互幫互助的學(xué)習(xí)小組。并由他們自己選出組長(zhǎng)各一名，然后由組長(zhǎng)根據(jù)組員的情況，確定在班級(jí)主頁(yè)制作過(guò)程中主要完成什么任務(wù)，也就是說(shuō)起到一個(gè)組織者的作用。

做過(guò)網(wǎng)頁(yè)的人都知道，做網(wǎng)頁(yè)是一項(xiàng)比較費(fèi)時(shí)的工作，而要學(xué)生在較短的時(shí)間內(nèi)制作出像樣的網(wǎng)頁(yè)是比較困難的，而在這個(gè)過(guò)程中，網(wǎng)頁(yè)的設(shè)計(jì)占去了相當(dāng)多的一部分時(shí)間，組長(zhǎng)把任務(wù)分到各組員頭上以后，組員就可根據(jù)自己要完成的任務(wù)相對(duì)集中的做某方面的工作，做完以后，組員之間進(jìn)行經(jīng)驗(yàn)交流，告訴組員自己的網(wǎng)頁(yè)是如何制作出來(lái)的'，在完成自己的網(wǎng)頁(yè)后，再重復(fù)一遍制作過(guò)程花費(fèi)的時(shí)間的不多的。這樣，其他組員就可在較短的時(shí)間之內(nèi)掌握比較先進(jìn)的網(wǎng)頁(yè)制作方法，而不必再花那么多時(shí)間去探索。因?yàn)槊课唤M員都必須自己完成一個(gè)任務(wù)，所以在這個(gè)過(guò)程中，也同樣有自己探索學(xué)習(xí)的機(jī)會(huì)和介紹自己經(jīng)驗(yàn)的機(jī)會(huì)，使組內(nèi)的每個(gè)學(xué)生都在學(xué)習(xí)中獲得成就感。

四、教學(xué)過(guò)程

教學(xué)進(jìn)程

教師活動(dòng)

學(xué)生活動(dòng)

1、課前準(zhǔn)備

課前將本章內(nèi)容的基本結(jié)構(gòu)、內(nèi)容的歸類(lèi)、網(wǎng)頁(yè)基礎(chǔ)知識(shí)、網(wǎng)頁(yè)素材做成一個(gè)網(wǎng)站，供學(xué)生參考，網(wǎng)站上的內(nèi)容可根據(jù)學(xué)生以后在學(xué)習(xí)中的要求添加。根據(jù)學(xué)生對(duì)已有的網(wǎng)頁(yè)制作的情況進(jìn)行分組。

學(xué)生根據(jù)自己的分組情況選出組織能力較強(qiáng)、計(jì)算機(jī)水平較高的人做組長(zhǎng)，協(xié)作小組形成。

2、教師布置任務(wù)，作必要講解

第一節(jié)課，教師簡(jiǎn)單介紹網(wǎng)頁(yè)基礎(chǔ)知識(shí)，并給各小組布置任務(wù)——用下面的時(shí)間完成班級(jí)網(wǎng)頁(yè)的制作，并對(duì)組長(zhǎng)進(jìn)行本章基本內(nèi)容及本章內(nèi)容的分類(lèi)的介紹，讓他們對(duì)本章內(nèi)容有總體上的把握。

在教師對(duì)網(wǎng)頁(yè)基礎(chǔ)知識(shí)講解的基礎(chǔ)上，瀏覽教師制作的網(wǎng)站，繼續(xù)學(xué)習(xí)；

課后各組設(shè)計(jì)自己的班級(jí)主頁(yè)，組長(zhǎng)根據(jù)網(wǎng)站上教師對(duì)本章內(nèi)容的分類(lèi)給學(xué)生布置任務(wù)。

3、教師指導(dǎo)分工情況，學(xué)生開(kāi)始自主學(xué)習(xí)

第二節(jié)課教師對(duì)組長(zhǎng)對(duì)全組的分工情況給予檢查，提出意見(jiàn)和建議。

學(xué)生根據(jù)分工制作網(wǎng)頁(yè)，學(xué)習(xí)可以跟著課本上自學(xué)，也可根據(jù)以前學(xué)習(xí)Word的經(jīng)驗(yàn)自己摸索制作過(guò)程，不懂之處可向會(huì)的同學(xué)請(qǐng)教，還可以相互之間討論，在網(wǎng)頁(yè)的設(shè)計(jì)方面也可以相互之間多商量，發(fā)揚(yáng)互幫互助的精神。

4、學(xué)生自主學(xué)習(xí)，教師指導(dǎo)、監(jiān)督

下面三節(jié)課，老師在每組各用10分鐘時(shí)間檢查他們上節(jié)課的網(wǎng)頁(yè)制作情況，并對(duì)他們碰到的問(wèn)題給予提示或解決，起指導(dǎo)和監(jiān)督作用。

學(xué)生繼續(xù)學(xué)習(xí)、制作網(wǎng)頁(yè)。

五、階段總結(jié)

四節(jié)課的制作以后，各組員所制作的網(wǎng)頁(yè)都初見(jiàn)雛形，所以教師組織一堂課，由各組展示自己的作品。教師在學(xué)生評(píng)講完后，給予總結(jié)。

各組分別展示自己的作品，其他組對(duì)他們可以提出意見(jiàn)或建議，也可從其他組的學(xué)到好的創(chuàng)意。由組長(zhǎng)在課后寫(xiě)一份階段總結(jié)，從而指導(dǎo)以后的工作。

六、學(xué)生自主學(xué)習(xí)，教師指導(dǎo)、監(jiān)督

下面四節(jié)課，老師仍然對(duì)每組各花10分鐘時(shí)間輪流檢查他們上節(jié)課的網(wǎng)頁(yè)制作情況，并對(duì)他們碰到的問(wèn)題給予提示或解決，起指導(dǎo)和監(jiān)督作用。

學(xué)生繼續(xù)學(xué)習(xí)、制作網(wǎng)頁(yè)。

七、各組將內(nèi)容匯總，形成班級(jí)主頁(yè)

教師對(duì)各組出現(xiàn)的問(wèn)題提出建議或意見(jiàn)。

組長(zhǎng)或組長(zhǎng)安排人將各組的主頁(yè)進(jìn)行匯總，形成一個(gè)完整的班級(jí)主頁(yè)，對(duì)欠缺的地方進(jìn)行修補(bǔ)。

八、班級(jí)網(wǎng)站制作完成，展示與總結(jié)

老師請(qǐng)其他信息技術(shù)教師來(lái)做評(píng)委，對(duì)各組做的網(wǎng)站提出意見(jiàn)或建議，評(píng)出最佳網(wǎng)站、最佳創(chuàng)意等獎(jiǎng)，讓大家的付出都有所收獲。

各組分別展示自己組所制作的班級(jí)主頁(yè)。

課后：

大家集中各組的優(yōu)勢(shì)，將班級(jí)主頁(yè)完成，掛到學(xué)校主頁(yè)上。

三、網(wǎng)頁(yè)制作的主要工具都有什么？詳細(xì)些

有句話(huà)叫網(wǎng)頁(yè)制作三劍客。顧名思義，是一套強(qiáng)大的網(wǎng)頁(yè)編輯工具，最初是由Macromedia公司開(kāi)發(fā)出來(lái)的。由Dreamweaver，F(xiàn)ireworks，F(xiàn)lash三個(gè)軟件組成，俗稱(chēng)三劍客。

Flash是美國(guó)Macromedia公司所設(shè)計(jì)的二維動(dòng)畫(huà)軟件，全稱(chēng)Macromedia Flash（被Adobe公司收購(gòu)后稱(chēng)為Adobe Flash），主要用于設(shè)計(jì)和編輯Flash文檔。附帶的Macromedia Flash Player，用于播放Flash文檔?，F(xiàn)在，F(xiàn)lash已經(jīng)被Adobe公司購(gòu)買(mǎi)，最新版本為：Adobe Flash CS5，播放器也更名為Adobe Flash Player。

Adobe Fireworks可以加速 Web 設(shè)計(jì)與開(kāi)發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫(kù), 并可與 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和Adobe Flash軟件省時(shí)集成。 在Fireworks 中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ? 或利用來(lái)自 Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入Dreamweaver 中輕松地進(jìn)行開(kāi)發(fā)與部署。

Dreamweaver是美國(guó)Macromedia公司（現(xiàn)已被Adobe公司收購(gòu)，成為Adobe Dreamweaver）開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。

一、菜鳥(niǎo)級(jí)網(wǎng)頁(yè)制作軟件

如果你是一個(gè)網(wǎng)頁(yè)制作初學(xué)者，那么讓下面幾種軟件帶你走進(jìn)那絢麗多彩的網(wǎng)頁(yè)制作世界吧！

①M(fèi)icrosoft FrontPage

②Netscape編輯器

③Adobe Pagemill

④Claris Home Page

四、網(wǎng)頁(yè)制作的軟件有哪些

網(wǎng)頁(yè)設(shè)計(jì)軟件包括：

Photoshop：學(xué)習(xí)圖像處理、編輯、通道、圖層、路徑綜合運(yùn)用;圖像色彩的校正；各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運(yùn)用圖層風(fēng)格，流體變形及褪底和蒙板，制作出千變?nèi)f化的圖像特效。

Freehand：不論是個(gè)人作品設(shè)計(jì)、公司徽標(biāo)、海報(bào)制作，都可以輕松完成，應(yīng)用于廣告、印刷等行業(yè)

CorelDraw：通過(guò)CorelDRAW9的全方面的設(shè)計(jì)及網(wǎng)頁(yè)功能融合到現(xiàn)有的設(shè)計(jì)方案中，制作矢量的插圖、設(shè)計(jì)及圖像，出色地設(shè)計(jì)公司標(biāo)志、簡(jiǎn)報(bào)、彩頁(yè)、手冊(cè)、產(chǎn)品包裝、標(biāo)識(shí)、網(wǎng)頁(yè)及其它。

PageMaker：學(xué)習(xí)排版設(shè)計(jì)的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書(shū)籍、宣傳彩頁(yè)、出片輸出注意事項(xiàng)，報(bào)紙雜志等的高級(jí)專(zhuān)業(yè)排版制作的方法。

Illustrator：學(xué)習(xí)圖形繪制、包裝、宣傳頁(yè)的制作，讓你更加方便地進(jìn)行LOGO及CI設(shè)計(jì)，不到一個(gè)月，您就會(huì)成為一名真正的美術(shù)大師，在 Photoshop的基礎(chǔ)上再學(xué)它如虎添翼，效率成倍提高。

網(wǎng)頁(yè)制作軟件包括：

一、菜鳥(niǎo)級(jí)網(wǎng)頁(yè)制作軟件

Oeasy教你玩轉(zhuǎn)網(wǎng)頁(yè)設(shè)計(jì)瀏覽的工具建站程序 如果你是一個(gè)網(wǎng)頁(yè)制作初學(xué)者，那么讓下面幾種軟件帶你走進(jìn)那絢麗多彩的網(wǎng)頁(yè)制作世界吧！

①M(fèi)icrosoft FrontPage 如果你曾對(duì)Word很熟悉，那么相信你用 FrontPage進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)一定會(huì)非常順手。使用FrontPage制作網(wǎng)頁(yè)，你能真正體會(huì)到“功能強(qiáng)大，簡(jiǎn)單易用”的含義。頁(yè)面制作由FrontPage中的Editor完成，其工作窗口由3個(gè)標(biāo)簽頁(yè)組成，分別是“所見(jiàn)即所得”的編輯頁(yè)，HTML代碼編輯頁(yè)和預(yù)覽頁(yè)。FrontPage帶有圖形和GIF動(dòng)畫(huà)編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁(yè)時(shí)感到更加方便。

FrontPage最強(qiáng)大之處是其站點(diǎn)管理功能。在更新服務(wù)器上的站點(diǎn)時(shí)，不需要?jiǎng)?chuàng)建更改文件的目錄。FrontPage會(huì)為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁(yè)制作軟件中惟一既能在本地計(jì)算機(jī)上工作，又能通過(guò)Internet直接對(duì)遠(yuǎn)程服務(wù)器上的文件進(jìn)行工作的軟件。

②Netscape編輯器Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁(yè)編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡(jiǎn)單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁(yè)時(shí)， 單擊編輯按鈕，Netscape就會(huì)把網(wǎng)頁(yè)存儲(chǔ)在硬盤(pán)中，然后就可以開(kāi)始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁(yè)作者、標(biāo)題、背景顏色或圖像，定義描點(diǎn)，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對(duì)復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。

Netscape編輯器是網(wǎng)頁(yè)制作初學(xué)者很好的入門(mén)工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語(yǔ)言有所了解的話(huà)，能夠使用Notepad或Ultra Edit等文本編輯器來(lái)編寫(xiě)少量的HTML語(yǔ)句，也可以彌補(bǔ)Netscape編輯器的一些不足。

③Adobe Pagemill Pagemill功能不算強(qiáng)大，但使用起來(lái)很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁(yè)。如果你的主頁(yè)需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個(gè)剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時(shí)再打開(kāi)，很方便。

④Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。這是因?yàn)樗幸粋€(gè)很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費(fèi)太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫(kù)，增強(qiáng)的站點(diǎn)管理特性還允許你檢測(cè)頁(yè)面的合法連接。不過(guò)界面設(shè)計(jì)過(guò)于粗糙，對(duì)Image Map圖像的處理也不完全。

二、中級(jí)網(wǎng)頁(yè)制作軟件

如果你對(duì)網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)有了一定的基礎(chǔ)，對(duì) HTML語(yǔ)言又有一定的了解，那么你可以選擇下面的幾種軟件來(lái)設(shè)計(jì)你的網(wǎng)頁(yè)，他們一定會(huì)為你的網(wǎng)頁(yè)添色不少。

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

DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。

DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。 DreamWeaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

②Fireworks 第一款徹底為Web制作者們?cè)O(shè)計(jì)的軟件

Fireworks的來(lái)頭實(shí)在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專(zhuān)為網(wǎng)絡(luò)圖像設(shè)計(jì)而開(kāi)發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動(dòng)切圖、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的javascript。而且Fireworks具有十分強(qiáng)大的動(dòng)畫(huà)功能和一個(gè)幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁(yè)及圖片！

③Flash 讓你的網(wǎng)頁(yè)動(dòng)起來(lái)

Flash是用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶(hù)長(zhǎng)時(shí)間的等待。#{6FLASH6}#可以用其生成動(dòng)畫(huà)，還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門(mén)語(yǔ)言一樣進(jìn)行編程，但用其內(nèi)置的語(yǔ)句并結(jié)合JavaScripe，您也可做出互動(dòng)性很強(qiáng)的主頁(yè)來(lái)。有人曾經(jīng)說(shuō)過(guò)：下個(gè)世紀(jì)的網(wǎng)絡(luò)設(shè)計(jì)人不會(huì)用FLASH，必將被淘汰出局！我相信這句話(huà)沒(méi)錯(cuò)！

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

HotDog是較早基于代碼的網(wǎng)頁(yè)設(shè)計(jì)工具，其最具特色的是提供了許多向?qū)Чぞ?，能幫助設(shè)計(jì)者制作頁(yè)面中的復(fù)雜部分。HotDog的高級(jí)HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得，因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對(duì)plug-in的支持也遠(yuǎn)遠(yuǎn)超過(guò)其他產(chǎn)品，它提供的對(duì)話(huà)框允許你以手動(dòng)方式為不同格式的文件選擇不同的選項(xiàng)。但對(duì)中文的處理不很方便。

HotDog是個(gè)功能強(qiáng)大的軟件，對(duì)于那些希望在網(wǎng)頁(yè)中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級(jí)設(shè)計(jì)者，是個(gè)很好的選擇。

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

Allaire的HomeSite是一個(gè)小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡(jiǎn)由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡(jiǎn)單的編輯窗口，也可以在復(fù)雜的界面下工作。

HomeSite更適合那些比較復(fù)雜和精彩頁(yè)面的設(shè)計(jì)。如果你希望能完全控制你制作的頁(yè)面的進(jìn)程，HomeSite是你最佳選擇。不過(guò)對(duì)于生手過(guò)于復(fù)雜。

三、高級(jí)網(wǎng)頁(yè)制作軟件

①M(fèi)icrosoft Visual Studio 該系列的版本有：2003、2005、2008和未來(lái)的版本；

適合開(kāi)發(fā)動(dòng)態(tài)的aspx網(wǎng)頁(yè)，同時(shí)，還能制作無(wú)刷新網(wǎng)站、webservice功能等，僅適合高級(jí)用戶(hù)。

②Jbuilder 不論是各種版本，均適合使用其開(kāi)發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶(hù)。

以上就是關(guān)于制作網(wǎng)頁(yè)工具相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢(xún)，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

漢字生成器在線(xiàn)（漢字生成器在線(xiàn)制作）

哪里可以制作廣告字（哪里可以制作廣告字體）

微縮景觀設(shè)計(jì)制作方案

家庭庭院景觀設(shè)計(jì)公司（私家庭院景觀設(shè)計(jì)公司）_1

淘寶店代運(yùn)營(yíng)一般多少錢(qián)（淘寶店鋪買(mǎi)賣(mài)交易平臺(tái)）