網(wǎng)頁設(shè)計，不知道你是單純的設(shè)計還是設(shè)計加制作?，F(xiàn)在來說，設(shè)計軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash?，F(xiàn)在來說，個人還是喜歡：設(shè)計類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。

個人覺得現(xiàn)在的自助建站系統(tǒng)都很火，沒有必要去用軟件制作，如discuz系統(tǒng)，新云系統(tǒng)，pageadmin系統(tǒng)，都是比較不錯的，我自己的網(wǎng)站是用pageadmin建站的，總體來說很簡單。

一、菜鳥級網(wǎng)頁制作軟件 如果你是一個網(wǎng)頁制作初學(xué)者，那么讓下面幾種軟件帶你走進那絢麗多彩的網(wǎng)頁制作世界吧！ ①Microsoft FrontPage 如果你曾對Word很熟悉，那么相信你用FrontPage進行網(wǎng)頁設(shè)計一定會非常順手。使用FrontPage制作網(wǎng)頁，你能真正體會到“功能強大，簡單易用”的含義。頁面制作由FrontPage中的Editor完成，其工作窗口由3個標(biāo)簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁和預(yù)覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁時感到更加方便。 FrontPage最強大之處是其站點管理功能。在更新服務(wù)器上的站點時，不需要創(chuàng)建更改文件的目錄。FrontPage會為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁制作軟件中惟一既能在本地計算機上工作，又能通過Internet直接對遠(yuǎn)程服務(wù)器上的文件進行工作的軟件。 ②Netscape編輯器 Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁時，單擊編輯按鈕，Netscape就會把網(wǎng)頁存儲在硬盤中，然后就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標(biāo)題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復(fù)雜的網(wǎng)頁設(shè)計就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。 Netscape編輯器是網(wǎng)頁制作初學(xué)者很好的入門工具。如果你的網(wǎng)頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。 ③Adobe Pagemill Pagemill功能不算強大，但使用起來很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時再打開，很方便。 ④Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個動態(tài)網(wǎng)頁。這是因為它有一個很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設(shè)計過于粗糙，對Image Map圖像的處理也不完全。 二、中級網(wǎng)頁制作軟件 如果你對網(wǎng)頁設(shè)計已經(jīng)有了一定的基礎(chǔ)，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設(shè)計你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。 ①DreamWeaver 自制動態(tài)HTML動畫的網(wǎng)頁 DreamWeaver是一個很酷的網(wǎng)頁設(shè)計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設(shè)計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習(xí)慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴展它的功能。 ②Fireworks 第一款徹底為Web制作者們設(shè)計的軟件 Fireworks的來頭實在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專為網(wǎng)絡(luò)圖像設(shè)計而開發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動切圖、生成鼠標(biāo)動態(tài)感應(yīng)的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁及圖片！ ③Flash 讓你的網(wǎng)頁動起來 Flash是用在互聯(lián)網(wǎng)上動態(tài)的、可互動的shockwave。它的優(yōu)點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫，還可在網(wǎng)頁中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程，但用其內(nèi)置的語句并結(jié)合JavaScripe，您也可做出互動性很強的主頁來。有人曾經(jīng)說過：下個世紀(jì)的網(wǎng)絡(luò)設(shè)計人不會用FLASH，必將被淘汰出局！我相信這句話沒錯！ ④HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁 HotDog是較早基于代碼的網(wǎng)頁設(shè)計工具，其最具特色的是提供了許多向?qū)Чぞ撸軒椭O(shè)計者制作頁面中的復(fù)雜部分。HotDog的高級HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點非常難得，因為即使首創(chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠(yuǎn)遠(yuǎn)超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。 HotDog是個功能強大的軟件，對于那些希望在網(wǎng)頁中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級設(shè)計者，是個很好的選擇。 ⑤HomeSite 制作可完全控制頁面進程的網(wǎng)頁 Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡單的編輯窗口，也可以在復(fù)雜的界面下工作。 HomeSite更適合那些比較復(fù)雜和精彩頁面的設(shè)計。如果你希望能完全控制你制作的頁面的進程，HomeSite是你最佳選擇。不過對于生手過于復(fù)雜。 ⑥HotMetal Pro 制作具有強大數(shù)據(jù)嵌入能力的網(wǎng)頁 HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個令各層次設(shè)計者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個軟件。HotMetal具有強大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來，放入頁面中。而且HotMetal能夠把它們自動轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過程中把這些文檔里的圖片自動轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個站點文檔的鏈接狀況。 三、高級網(wǎng)頁制作軟件 ①Microsoft Visual Studio 該系列的版本有：2003、2005、2008和未來的版本； 適合開發(fā)動態(tài)的aspx網(wǎng)頁，同時，還能制作無刷新網(wǎng)站、webservice功能等，僅適合高級用戶。 ②Jbuilder 不論是各種版本，均適合使用其開發(fā)出JSP網(wǎng)頁，僅適合高級用戶。 ③記事本 別以為記事本功能非常少，軟件很簡單；但是，如何想使用它來制作網(wǎng)頁，也僅適合高級用戶；因為在其內(nèi)容，沒有任何可視化的操作可直接制作網(wǎng)頁，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動態(tài)腳本，方能制作出網(wǎng)頁來。 參考資料： 網(wǎng)站、網(wǎng)頁制作（團）

前端設(shè)計主要的工作無非就是按照效果圖使用前端的代碼來做出符合要求的靜態(tài)頁面，使用的軟件大致如下（不同人是使用的可能不同）：1、以Photoshop為代表的圖片處理技術(shù)。網(wǎng)頁設(shè)計的第一步是按照客戶的需求來設(shè)計網(wǎng)站效果圖，這個工作是由美工來完成的，現(xiàn)在網(wǎng)頁設(shè)計嚴(yán)格的來說不包括美工的工作，即美工只負(fù)責(zé)設(shè)計效果圖網(wǎng)頁的設(shè)計師只負(fù)責(zé)嚴(yán)格按照效果圖將效果圖的樣式以網(wǎng)頁的形式做出來，那可能有人會問為什么網(wǎng)頁設(shè)計師還需要ps呢？那是因為網(wǎng)頁設(shè)計師也就是前端設(shè)計師需要將美工制作的效果圖（一般是psd格式的）使用ps的切片功能將其中用的到的圖片裁切出來放到網(wǎng)頁上去用，此時就要使用photoshop來完成這個工作，所以作為網(wǎng)頁設(shè)計師或者前端設(shè)計師會一些基本的Photoshop知識還是很有必要的。2、前端代碼編輯器如dreamweave、hubuilder等，建議初學(xué)者使用記事本等文本編輯器。我們知道現(xiàn)在的網(wǎng)頁設(shè)計都是純手寫代碼基本沒有使用可視化編輯的了，原因是可視化編輯的網(wǎng)頁有很多弊端如代碼冗余、后期改版難以控制和維護、網(wǎng)頁的執(zhí)行效率和性能不高等。此時解決的辦法就是純手寫htm、css、js等代碼來做我們的網(wǎng)頁，但是我們在實際開發(fā)過程中又有些問題，學(xué)習(xí)的網(wǎng)頁的初期我們可以使用記事本或者有些簡單的文本編輯工具來寫代碼，但是在實際開發(fā)過程中我們需要借助有些好的編輯器來提高我們的效率， 此時就需要使用功能強大的編輯器，提供代碼高亮、代碼提示等功能來提高開發(fā)的速度，常見的前端代碼編輯器有dreamweave、hubuilder、sublime等等，這個根據(jù)個人的習(xí)慣和工作的環(huán)境進行選擇即可。但是建議初學(xué)者使用記事本等文本編輯器，這樣能讓我們記住一些關(guān)鍵詞，有利于學(xué)習(xí)。3、一些更高級的前端工具和軟件我們也需要學(xué)習(xí)。在實際的開發(fā)過程中，以上的工具并不能完全滿足我們的需要，尤其是開發(fā)一些大型的項目的時候，我們需要使用和借助的工具來幫助我們進行開發(fā)，這里簡要說一些。例如當(dāng)我們進行團隊合作的時候，我們可能還會使用一些版本控制工具來進行團隊合作，如svn、github等，在進行項目管理的時候我們可能還需要一些前端的包管理工具如grunt、webpack等。這些工具都是一個專業(yè)前端工程師應(yīng)該學(xué)些的。總結(jié)：簡單的介紹了一些網(wǎng)頁設(shè)計中需要使用的軟件和工具，可能不是很全面，但是可以給大家作為一個參考。