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

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

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

web前端開發工程師，做的工作與網站前/后臺系統的頁面相關，使用到的主要技術包括：HTML、CSS、JavaScript，如果能會后臺編程語言，當然會更好?，F代web前端開發已經不能像傳統web開發已經簡單的描述成切圖、css、js了（這是 @腦子不大 的回答）。在新的HTML5規范中，加入很多新的特性，這樣就對web前端工程師有了更高的要求，比如數據庫操作，使用cancvs、css3繪圖。切圖這個概念已經是過去時了，早期由于技術匱乏，所以要將設計圖切成一塊一塊，并拼接成網頁?，F在則能使用html5組織頁面，使用css3繪圖，很多元素已經不需要再使用圖片還原設計，這是一個最大的進步。JavaScript也在向更強大的編程語言發展，新的ECMAScript6的標準也在制定中。最后，最重要的一點，Web前端技術的生態環境現在在發展，Chrome OS、Firefox OS都是未來能直接使用原生前端技術開發程序的系統。包括現在很多瀏覽器的插件，也是直接使用前端技術開發。NodeJS也是未來的一個大熱門方向，它讓前端技術可以做后臺開發。 你說的是過幾年的事 切圖現在還是需要的，html5畢竟IE6，7，8都不支持

　　web前端開發包括的技術：　　1、學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀?！　?、div布局： DIV元素是用來為HTML文檔內大塊的內容提供結構和背景的元素?！　?、學習JavaScript的基本語法，以及如何使用。JavaScript編程將會提高開發人員的個人技能。　　3、了解Unix和Linux的基本知識雖然這兩點很基礎，但是開發人員了解Unix和Linux的基本知識是有益無害的?！　?、html5+css3：移動端的網頁制作。在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎，現在也是前端的一個趨勢?！　?、一些框架的應用：angular.js，node.js，bootsttap等框架的應用?！　?、了解Web服務器對Apache的基本配置，并且掌握htaccess配置技巧　　7、web前端開發技術，還需要學習一些seo優化技術，因為前端是經常會和網站接觸的?！　?、掌握web前端開發技術的同時，適當的學習一些后臺開發語言（java，php等）也是一個不錯的選擇?！　?

一個是偏向于設計，一個是偏向于代碼。如果是網頁設計，剛開始可能是模仿別人的網頁，但是到了最后會出現慢慢的偏重于美術，心理學，色彩，繪畫等。這些藝術方面，表面你能看到的，如果你是學計算機的接觸過網頁設計，并喜歡網頁設計，我建議不要偏向這個方面，因為到后來讓你自己獨立設計網頁時，色彩搭配是很難的，還有整體布局，以及是否符合當下潮流等?，F在的網頁千變萬化，設計也要不斷學習，并且能跟得上。 對于web前端開發這個就是把別人設計好的自己用div+css+js去實現的，一個簡單的網頁可能就是div+css把它寫出來，但是這里面是充滿經驗的。web前端的發展過程中到了最后就是頭疼的兼容性問題，因為要確保一個頁面在任何瀏覽器當中能正常顯示是很不容易的，瀏覽器廠商那么多，各自還有自己的專屬屬性，而且有的還要求在手機中能夠顯示，能夠自適應屏幕等。單純的css無法來控制，就需要學習javascript, web前端看似簡單其實要學習的東西很多，經驗也特別重要，接觸后臺后你會更明白前端的重要性。

一個是偏向于設計，一個是偏向于代碼。如果是網頁設計，剛開始可能是模仿別人的網頁，但是到了最后會出現慢慢的偏重于美術，心理學，色彩，繪畫等。這些藝術方面，表面你能看到的，如果你是學計算機的接觸過網頁設計，并喜歡網頁設計，我建議不要偏向這個方面，因為到后來讓你自己獨立設計網頁時，色彩搭配是很難的，還有整體布局，以及是否符合當下潮流等。現在的網頁千變萬化，設計也要不斷學習，并且能跟得上。 對于web前端開發這個就是把別人設計好的自己用div+css+js去實現的，一個簡單的網頁可能就是div+css把它寫出來，但是這里面是充滿經驗的。web前端的發展過程中到了最后就是頭疼的兼容性問題，因為要確保一個頁面在任何瀏覽器當中能正常顯示是很不容易的，瀏覽器廠商那么多，各自還有自己的專屬屬性，而且有的還要求在手機中能夠顯示，能夠自適應屏幕等。單純的css無法來控制，就需要學習javascript, web前端看似簡單其實要學習的東西很多，經驗也特別重要，接觸后臺后你會更明白前端的重要性。

　　web前端開發包括的技術：　　1、學好CSS是網頁外觀的重要一點，CSS可以幫助把網頁外觀做得更加美觀?！　?、div布局： DIV元素是用來為HTML文檔內大塊的內容提供結構和背景的元素?！　?、學習JavaScript的基本語法，以及如何使用。JavaScript編程將會提高開發人員的個人技能?！　?、了解Unix和Linux的基本知識雖然這兩點很基礎，但是開發人員了解Unix和Linux的基本知識是有益無害的。　　4、html5+css3：移動端的網頁制作。在移動設備開發HTML5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎，現在也是前端的一個趨勢?！　?、一些框架的應用：angular.js，node.js，bootsttap等框架的應用?！　?、了解Web服務器對Apache的基本配置，并且掌握htaccess配置技巧　　7、web前端開發技術，還需要學習一些seo優化技術，因為前端是經常會和網站接觸的?！　?、掌握web前端開發技術的同時，適當的學習一些后臺開發語言（java，php等）也是一個不錯的選擇?！　?

前端開發工程師的主要職責是與交互設計師、 視覺設計師協作，根據設計圖用HTML和CSS完成頁面制作（也可能是一個人完成所有）。同時，在此基礎之上，對完成的頁面進行維護和對網站前端性能做相應的優化。另外，一名合格的前端開發工程師，應該具有一定的審美能力和基礎的美工操作能力，能很好的與交互及視覺協作。現在的前端工程師可能都需要一定程度上的全棧了，也就是前后端都需要會。不僅需要制作靜態頁面，包括網站架構，H5等。如今市場上招聘web前端需要你會寫JS、會用JS、能設計、切圖、懂用戶交互等，還需要前端架構是開發和優化框架，及服務器，用戶體驗等涉汲就比較廣，當然全棧式前端工程師工資也就比較高了。