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

一、菜鳥級(jí)網(wǎng)頁(yè)制作軟件 如果你是一個(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)畫編輯器，支持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ǔ)在硬盤中，然后就可以開(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é)者很好的入門工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語(yǔ)言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來(lái)編寫少量的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)畫的網(wǎng)頁(yè) DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(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是專為網(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)畫功能和一個(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)是體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。#{6FLASH6}#可以用其生成動(dòng)畫，還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語(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，必將被淘汰出局！我相信這句話沒(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ì)話框允許你以手動(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ù)雜。 ⑥HotMetal Pro 制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁(yè) HotMetal既提供“所見(jiàn)即所得”圖形制作方式，又提供代碼編輯方式，是個(gè)令各層次設(shè)計(jì)者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個(gè)軟件。HotMetal具有強(qiáng)大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來(lái)，放入頁(yè)面中。而且HotMetal能夠把它們自動(dòng)轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過(guò)程中把這些文檔里的圖片自動(dòng)轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹(shù)狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。 三、高級(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í)用戶。 ②Jbuilder 不論是各種版本，均適合使用其開(kāi)發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶。 ③記事本 別以為記事本功能非常少，軟件很簡(jiǎn)單；但是，如何想使用它來(lái)制作網(wǎng)頁(yè)，也僅適合高級(jí)用戶；因?yàn)樵谄鋬?nèi)容，沒(méi)有任何可視化的操作可直接制作網(wǎng)頁(yè)，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動(dòng)態(tài)腳本，方能制作出網(wǎng)頁(yè)來(lái)。 參考資料： 網(wǎng)站、網(wǎng)頁(yè)制作（團(tuán)）

一、菜鳥級(jí)網(wǎng)頁(yè)制作軟件 如果你是一個(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)畫編輯器，支持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ǔ)在硬盤中，然后就可以開(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é)者很好的入門工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語(yǔ)言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來(lái)編寫少量的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)畫的網(wǎng)頁(yè) DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(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是專為網(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)畫功能和一個(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)是體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。#{6FLASH6}#可以用其生成動(dòng)畫，還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門語(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，必將被淘汰出局！我相信這句話沒(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ì)話框允許你以手動(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ù)雜。 ⑥HotMetal Pro 制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁(yè) HotMetal既提供“所見(jiàn)即所得”圖形制作方式，又提供代碼編輯方式，是個(gè)令各層次設(shè)計(jì)者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個(gè)軟件。HotMetal具有強(qiáng)大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來(lái)，放入頁(yè)面中。而且HotMetal能夠把它們自動(dòng)轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過(guò)程中把這些文檔里的圖片自動(dòng)轉(zhuǎn)換為GIF格式。 HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹(shù)狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。 三、高級(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í)用戶。 ②Jbuilder 不論是各種版本，均適合使用其開(kāi)發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶。 ③記事本 別以為記事本功能非常少，軟件很簡(jiǎn)單；但是，如何想使用它來(lái)制作網(wǎng)頁(yè)，也僅適合高級(jí)用戶；因?yàn)樵谄鋬?nèi)容，沒(méi)有任何可視化的操作可直接制作網(wǎng)頁(yè)，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動(dòng)態(tài)腳本，方能制作出網(wǎng)頁(yè)來(lái)。 參考資料： 網(wǎng)站、網(wǎng)頁(yè)制作（團(tuán)）

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

　　web前端開(kāi)發(fā)包括的技術(shù)：　　1、學(xué)好CSS是網(wǎng)頁(yè)外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁(yè)外觀做得更加美觀?！　?、div布局： DIV元素是用來(lái)為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素?！　?、學(xué)習(xí)JavaScript的基本語(yǔ)法，以及如何使用。JavaScript編程將會(huì)提高開(kāi)發(fā)人員的個(gè)人技能?！　?、了解Unix和Linux的基本知識(shí)雖然這兩點(diǎn)很基礎(chǔ)，但是開(kāi)發(fā)人員了解Unix和Linux的基本知識(shí)是有益無(wú)害的?！　?、html5+css3：移動(dòng)端的網(wǎng)頁(yè)制作。在移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎，現(xiàn)在也是前端的一個(gè)趨勢(shì)。　　5、一些框架的應(yīng)用：angular.js，node.js，bootsttap等框架的應(yīng)用?！　?、了解Web服務(wù)器對(duì)Apache的基本配置，并且掌握htaccess配置技巧　　7、web前端開(kāi)發(fā)技術(shù)，還需要學(xué)習(xí)一些seo優(yōu)化技術(shù)，因?yàn)榍岸耸墙?jīng)常會(huì)和網(wǎng)站接觸的?！　?、掌握web前端開(kāi)發(fā)技術(shù)的同時(shí)，適當(dāng)?shù)膶W(xué)習(xí)一些后臺(tái)開(kāi)發(fā)語(yǔ)言（java，php等）也是一個(gè)不錯(cuò)的選擇。　　

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

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

　　web前端開(kāi)發(fā)包括的技術(shù)：　　1、學(xué)好CSS是網(wǎng)頁(yè)外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁(yè)外觀做得更加美觀。　　2、div布局： DIV元素是用來(lái)為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素?！　?、學(xué)習(xí)JavaScript的基本語(yǔ)法，以及如何使用。JavaScript編程將會(huì)提高開(kāi)發(fā)人員的個(gè)人技能?！　?、了解Unix和Linux的基本知識(shí)雖然這兩點(diǎn)很基礎(chǔ)，但是開(kāi)發(fā)人員了解Unix和Linux的基本知識(shí)是有益無(wú)害的。　　4、html5+css3：移動(dòng)端的網(wǎng)頁(yè)制作。在移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎，現(xiàn)在也是前端的一個(gè)趨勢(shì)?！　?、一些框架的應(yīng)用：angular.js，node.js，bootsttap等框架的應(yīng)用?！　?、了解Web服務(wù)器對(duì)Apache的基本配置，并且掌握htaccess配置技巧　　7、web前端開(kāi)發(fā)技術(shù)，還需要學(xué)習(xí)一些seo優(yōu)化技術(shù)，因?yàn)榍岸耸墙?jīng)常會(huì)和網(wǎng)站接觸的。　　8、掌握web前端開(kāi)發(fā)技術(shù)的同時(shí)，適當(dāng)?shù)膶W(xué)習(xí)一些后臺(tái)開(kāi)發(fā)語(yǔ)言（java，php等）也是一個(gè)不錯(cuò)的選擇。　　

前端開(kāi)發(fā)工程師的主要職責(zé)是與交互設(shè)計(jì)師、 視覺(jué)設(shè)計(jì)師協(xié)作，根據(jù)設(shè)計(jì)圖用HTML和CSS完成頁(yè)面制作（也可能是一個(gè)人完成所有）。同時(shí)，在此基礎(chǔ)之上，對(duì)完成的頁(yè)面進(jìn)行維護(hù)和對(duì)網(wǎng)站前端性能做相應(yīng)的優(yōu)化。另外，一名合格的前端開(kāi)發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺(jué)協(xié)作?，F(xiàn)在的前端工程師可能都需要一定程度上的全棧了，也就是前后端都需要會(huì)。不僅需要制作靜態(tài)頁(yè)面，包括網(wǎng)站架構(gòu)，H5等。如今市場(chǎng)上招聘web前端需要你會(huì)寫JS、會(huì)用JS、能設(shè)計(jì)、切圖、懂用戶交互等，還需要前端架構(gòu)是開(kāi)發(fā)和優(yōu)化框架，及服務(wù)器，用戶體驗(yàn)等涉汲就比較廣，當(dāng)然全棧式前端工程師工資也就比較高了。