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

FrontPage 已經(jīng)停止開發(fā)了，最終版本是 FrontPage 2003。因?yàn)?FrontPage 一直作為 Office 套件中的一個(gè)組件，限制了其成為專業(yè)網(wǎng)頁(yè)開發(fā)工具的潛力，而且專業(yè)用戶并不多。所以，微軟公司為了給 Office 套件一個(gè)更準(zhǔn)確的定位，在后來(lái)的 Office 版本中不再添加 FrontPage 組件。但是，在放棄 FrontPage 的同時(shí)，微軟又整合了一套更專業(yè)的設(shè)計(jì)開發(fā)工具，叫 Expression，這套工具相當(dāng)與 Adobe 公司的“三劍客”，其中的 Expression Web 就是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)開發(fā)軟件，比 FrontPage 的功能更強(qiáng)大?？上В瑯右?yàn)橛绊懥Σ粔?，?Expression 4 版本后也停止開發(fā)了?，F(xiàn)在微軟仍在開發(fā)、更新的網(wǎng)頁(yè)設(shè)計(jì)工具只有 SharePoint Designer 和 Visual Studio（或 Visual Web Developer）了。當(dāng)然， SharePoint Designer 主要面向 SharePoint 網(wǎng)站的快速開發(fā)，而 Visual Studio 則更適合于 ASP.NET 動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)，有時(shí)可能并不實(shí)用。所以，替代 FrontPage 的軟件還是建議使用 Adobe 公司的 Dreamweaver。 那個(gè)是 上面涉及的工具均不包含在 Office 2013 套件中，需要單獨(dú)安裝。之前已經(jīng)說(shuō)過(guò)，Office 2003 以后的版本中已經(jīng)沒有網(wǎng)頁(yè)制作工具了。

購(gòu)買個(gè)web虛擬空間，一般會(huì)把ftp信息發(fā)到郵箱；以Windows空間為例使用ftp軟件上傳空間站資料到空間根目錄（不同服務(wù)商不一樣，這里為httpdocs）上傳后不使用mysql、mssql數(shù)據(jù)庫(kù)的可以直接訪問(wèn)需要mysql數(shù)據(jù)庫(kù)訪問(wèn)安裝的，需要先創(chuàng)建個(gè)數(shù)據(jù)庫(kù)然后安裝

普通的編輯器都可以的。比如sublime text、webstorm等。。

普通的編輯器都可以的。比如sublime text、webstorm等。。

一、菜鳥級(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è)組成，分別是“所見即所得”的編輯頁(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ǔ)在硬盤中，然后就可以開始編輯了。你也可以像使用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í)再打開，很方便。 ④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è)面沒有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)性和生命力的是它的開放式設(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ì)而開發(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，必將被淘汰出局！我相信這句話沒錯(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既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個(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)狀圖或樹狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。 三、高級(jí)網(wǎng)頁(yè)制作軟件 ①M(fèi)icrosoft Visual Studio 該系列的版本有：2003、2005、2008和未來(lái)的版本； 適合開發(fā)動(dòng)態(tài)的aspx網(wǎng)頁(yè)，同時(shí)，還能制作無(wú)刷新網(wǎng)站、webservice功能等，僅適合高級(jí)用戶。 ②Jbuilder 不論是各種版本，均適合使用其開發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶。 ③記事本 別以為記事本功能非常少，軟件很簡(jiǎn)單；但是，如何想使用它來(lái)制作網(wǎng)頁(yè)，也僅適合高級(jí)用戶；因?yàn)樵谄鋬?nèi)容，沒有任何可視化的操作可直接制作網(wǎng)頁(yè)，而只能編寫各種HTML代碼、CSS代碼、JS代碼和各種動(dòng)態(tài)腳本，方能制作出網(wǎng)頁(yè)來(lái)。 參考資料： 網(wǎng)站、網(wǎng)頁(yè)制作（團(tuán)）

　　一、Adobe Edge　　目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要功能是Web工具包界面，方便確保頁(yè)面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。　　動(dòng)畫和圖形可以添加到HTML元素中，程序也能通過(guò)Edge自身的代碼片段庫(kù)或者JavaScript代碼進(jìn)行擴(kuò)展。動(dòng)畫可以在獨(dú)立的時(shí)間線上進(jìn)行嵌套，還能實(shí)現(xiàn)互動(dòng)功能。符合可以服用并通過(guò)API和代碼片段控制。通過(guò)Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器?！　《?、Adobe Dreamweaver CS6　　Adobe Dreamweaver CS6作為一個(gè)Web設(shè)計(jì)軟件，提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺(tái)兼容性。開發(fā)者可以完全實(shí)現(xiàn)Web設(shè)計(jì)的可視化操作，無(wú)需為代碼所困?！　∮脩舨坏€能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過(guò)MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過(guò)WebKit渲染引擎支持HTML5?！　∪dobe ColdFusion 10　　ColdFusion是用來(lái)開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過(guò)Websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)?！　∷摹encha Architect 2　　在開發(fā)移動(dòng)和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實(shí)時(shí)預(yù)覽?！　∥濉encha Touch 2　　Sencha Touch2是移動(dòng)應(yīng)用框架，也被看作是Sencha的HTML5平臺(tái)。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺(tái)的移動(dòng)應(yīng)用。　　六、Dojo Foundation Maqetta　　來(lái)自于IBM的一個(gè)項(xiàng)目，Dojo Foundation Maqetta是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過(guò)拖放組裝UI樣板　　七、微軟Visual Studio 2010 ServicePack 1　　雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對(duì)HTML5的一些元素。　　八、JetBrains WebStorm 4.0　　作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時(shí)可獲得對(duì)HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔?！　【?、Google Web Toolkit　　該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫(kù)中支持很多HTML5功能。包括對(duì)客戶端或web存儲(chǔ)的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget?！　∈Cloud HBuilder　　HBuilder是當(dāng)前最快的HTML開發(fā)工具，強(qiáng)大的代碼助手幫你快速完成開發(fā)，最全的語(yǔ)法庫(kù)和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛。

1、Axure RP（Rapid Prototyping）Axure（讀音為Ack-Sure）無(wú)疑是目前最受關(guān)注的原型開發(fā)工具，其能通過(guò)組件的方式幫助網(wǎng)站或軟件設(shè)計(jì)師快速建立帶有注釋的原型（流程圖、線框圖），并憑借自定義可重用的元件、動(dòng)態(tài)面板以及豐富的script能夠建立基本功能或頁(yè)面邏輯的動(dòng)態(tài)演示文件。Axure借鑒了office的界面，能夠讓用戶快速上手，并且提供了豐富的組件樣式修改，使得通過(guò)其能夠創(chuàng)建低保真、高保真甚至接近于實(shí)際效果的界面。然而最讓人稱道的是，Axure的豐富的腳本模式，可以通過(guò)點(diǎn)擊和選擇能夠快速完成界面元素的交互，如鏈接、state切換、動(dòng)態(tài)變化等效果，使得Axure能夠生成十分接近于真實(shí)產(chǎn)品的原型。另一方面，Axure能夠?qū)肫渌藙?chuàng)建的元件庫(kù)，使得Axure能夠滿足絕大多數(shù)類型產(chǎn)品的設(shè)計(jì)。但Axure仍然有一個(gè)讓人頭痛的問(wèn)題：對(duì)于中文的支持不太友好。在小部分元件上輸入中午的時(shí)候，經(jīng)常需要像碰運(yùn)氣似的反復(fù)切換輸入法，破壞了咱們?cè)O(shè)計(jì)師的用戶體驗(yàn)。瑕不掩瑜，Axure仍然是交互設(shè)計(jì)師的首選原型工具。2、Microsoft Office VisioVisio在2000年被微軟收購(gòu)，并在2002年成為office2003套件中的一個(gè)組件，最新版本是2007。Visio能夠獲得推薦的原因是因?yàn)閂isio的適用性非常之廣，從網(wǎng)站界面、數(shù)據(jù)庫(kù)模型，到平面布置圖到工藝流程圖，Visio都提供了相應(yīng)的元件庫(kù)和模板來(lái)進(jìn)行快速創(chuàng)建。相較Axure而言，Visio更適合于傳統(tǒng)行業(yè)的生產(chǎn)或流程設(shè)計(jì)，或者軟件及互聯(lián)網(wǎng)行業(yè)中的信息、數(shù)據(jù)和流程的說(shuō)明，而不太適用于web界面。因?yàn)槠涞幕趙eb的元件庫(kù)還是比較少，并且形式和結(jié)構(gòu)也更類似于word中的圖形工具，因此在原型開發(fā)效率上都有所不足。3、Balsamiq Mockups這個(gè)基于Adobe AIR Runtime的工具實(shí)在是有讓人眼前一亮的感覺，手繪風(fēng)格的元件樣式粗獷淋漓，能創(chuàng)建接近于紙上手繪的原型文件。其提供了豐富的手繪風(fēng)格的web常用元件，包括常用的html控件、以及一些組合控件，如多媒體控制器、標(biāo)簽頁(yè)、列表、Iphone界面元件等。Mockups最值得贊賞之處在于其提供的多數(shù)組件都可定制外觀，對(duì)于中文的支持也不錯(cuò)（選擇View > Use System Fonts）。4、MockflowMockflow和以上工具最大的不同在于Mockflow是一項(xiàng)基于Adobe Flex技術(shù)開發(fā)在線服務(wù)，提供了與Balsamiq Mockups基本相似的功能，甚至更豐富的組件，雖然其元件定制化不夠強(qiáng)大，但其提供的元件庫(kù)默認(rèn)樣式卻非常適合用來(lái)做商業(yè)產(chǎn)品原型的搭建。有一個(gè)讓我愛不釋手的功能是模板，可以設(shè)置基于任何頁(yè)面的模板來(lái)進(jìn)行新的頁(yè)面設(shè)計(jì)。與其他模板工具相比，mockflow有一個(gè)非常特色的功能，基于web的存儲(chǔ)可以在任意電腦上聯(lián)機(jī)打開，同時(shí)可以其他人進(jìn)行快速的分享，并收集在線反饋意見，非常適合虛擬團(tuán)隊(duì)的原型設(shè)計(jì)交流。雖然在線服務(wù)的基本帳號(hào)只能創(chuàng)建一個(gè)文件，但單個(gè)文件卻沒有限制頁(yè)數(shù)，因此也基本上足夠使用。5、Pencil sketchPencil 是一款基于Firefox的擴(kuò)展組件，安裝之后即可在Firefox的工具菜單中打開Pencil的繪圖面板。功能比較簡(jiǎn)單，僅能用以日常簡(jiǎn)單工作的輔助 說(shuō)明。提供的默認(rèn)元件都是基于軟件工程，因此更適合用于windows桌面程序的簡(jiǎn)易界面搭建，或者是基本的頁(yè)面功能說(shuō)明，并不適用于嚴(yán)肅的原型開發(fā)，但 好在體積小、又輕便，能夠方便將網(wǎng)頁(yè)中的元素直接拖到或者復(fù)制到當(dāng)前的畫布中，這也是Pencil安裝在Firefox所帶來(lái)的便利之一吧。工具...在以上列舉的原型開發(fā)工具都是較為常用的，也是在國(guó)內(nèi)的交互設(shè)計(jì)師們比較常討論的，但其實(shí)和Axure功能相似的軟件還有很多，下面也就一些簡(jiǎn)單說(shuō)明：6、GUI Design Studio這 是一款真的非常強(qiáng)大的原型制作工具，沒有在上面推薦的原因是因?yàn)槲疫€沒有實(shí)際體驗(yàn)過(guò)，但沖著這工程級(jí)的界面設(shè)計(jì)就沒有去嘗試的沖動(dòng)，但是從官方網(wǎng)站的截圖 和視頻演示來(lái)看，這款軟件的操作模式和前面的原型工具大有不同。Axure之類多是基于頁(yè)面的原型設(shè)計(jì)，對(duì)于web網(wǎng)站盡管很實(shí)用，但是對(duì)于軟件界面的流 程設(shè)計(jì)卻略顯繁瑣。而GUI Design Studio卻另辟蹊徑，直接以建立元素與元素之間的關(guān)聯(lián)的方式來(lái)自動(dòng)化的創(chuàng)建動(dòng)作流程，而從視頻演示來(lái)看，這樣的確很大程度上提升了軟件界面原型搭建的 效率。7、Prototype ComposerSerena 公司免費(fèi)提供的原型開發(fā)工具，功能確實(shí)強(qiáng)大，提供了基于項(xiàng)目管理主要流程的產(chǎn)出物文檔模板、原型工具以及開發(fā)流程控制，這個(gè)軟件的開發(fā)理念非常好，用這一 款工具來(lái)滿足項(xiàng)目開發(fā)流程中各個(gè)環(huán)節(jié)的溝通和決策。但軟件的學(xué)習(xí)和使用成本比較高，要了解其中的全部功能，貌似需要花不少時(shí)間。另外軟件的效率和穩(wěn)定性還 有待提高，試用的過(guò)程中多次出錯(cuò)及停止響應(yīng)。8、Lucid Spec由 Elegance科技推出的Lucid Spec是一款很類似Pencil的原型工具，僅僅是提供了控件。不過(guò)Lucid Spec強(qiáng)調(diào)了生成干凈的說(shuō)明文檔的功能，這可能是針對(duì)于多數(shù)原型工具的自動(dòng)化生成規(guī)范的冗余而言的，不過(guò)老實(shí)說(shuō)Lucid Spec提供的原型界面太過(guò)簡(jiǎn)陋，并且生成的說(shuō)明文檔也未見優(yōu)化有怎樣的提升。視頻介紹9、Irise Professional EditionIrise與其他原型工具相比其中一個(gè)特色在于提供了樣本數(shù)據(jù)的功能，這是類似于excel表的一個(gè)樣本數(shù)據(jù)庫(kù)，可以通過(guò)界面元素直接獲取樣本數(shù)據(jù)庫(kù)中的數(shù)據(jù)，這樣所生成的原型甚至可以使動(dòng)態(tài)數(shù)據(jù)更新的。10、Adobe ReaderAdobe reader？沒錯(cuò)。其實(shí)理論上任何可以創(chuàng)建圖形和文本的工具都可以用來(lái)原型開發(fā)，因?yàn)樵捅旧砭褪菍?duì)于業(yè)務(wù)邏輯和功能界面的模擬或仿真，因此有何理由不能使用PDF格式呢？BoxandArrow的這篇文章《PDF Prototype》提醒了我們，所有的原型工具都只是工具，而不是設(shè)計(jì)本身。另外這里的也可參考一下但個(gè)人推薦:原型?? Axure 7.0?? UIDesigner思維?? Mindmanager?? Xmind流程?? Visio 2013?? EDraw Max知識(shí)?? 有道云筆記?? 印象筆記時(shí)間?? Todolist?? Worktile圖形?? Photoshop?? Colorpix交互?? 快現(xiàn)?? UIDesiger