網站基礎控制項有哪些

A. 什麼是頁面控制項和控制項

asp.net中有兩種控制項，一種是伺服器控制項，上面都有共同的特徵runat=「server」，另外一種就是html控制項，這種控制項是網頁設計的最基礎的控制項，比如：<input type="button" vlaue="按鈕" />(html控制項)，其實什麼伺服器控制項，最後都解析為相應的html語言。

B. web表單控制項類型有哪些

Button, ImageButton, LinkButton.區別在於呈現的html不同。他們也有一些具體的屬性不同。LinkButton : WebControl, IButtonControl, IPostBackEventHandlerButton : WebControl, IButtonControl, : Image, IPostBackDataHandler, IPostBackEventHandler, IButtonControl從繼承樹上看，Button和LinkButton都直接繼承自WebControl。但是ImageButton是經過Image才繼承自WebControl的，另外它實現了IPostBackDataHandler介面。

C. 網頁的基本構成元素都有那些

文字與圖片是構成一個網頁的兩個最基本的元素。文字就是網頁的內容，圖片就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程序等等。

網頁的文本是網頁上最重要的信息載體和交流工具，網頁中的主要信息一般都以文本形式為主。網頁的圖像元素在網頁中具有提供信息並展示直觀形象的作用。靜態圖像在頁面中可能是光柵圖形或矢量圖形。通常為GIF、JPEG、PNG，或矢量格式；動畫圖像通常動畫為GIF和SVG。

(3)網站基礎控制項有哪些擴展閱讀：

網頁的分類

1、靜態網頁

在網站設計中，純粹HTML格式的網頁。文件擴展名是.htm、.html，可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控制項及java小程序等。靜態網頁是網站建設的基礎，早期的網站一般都是由靜態網頁製作的，適用於一般更新較少的展示型網站。

2、動態網頁

動態網頁頁面代碼雖然沒有變，但是顯示的內容卻是可以隨著時間、環境或者資料庫操作的結果而發生改變的。動態網頁是基本的HTML語法規范，與Java、VB、VC等高級程序設計語言、資料庫編程等多種技術的融合，以期實現對網站內容和風格的高效、動態和互動式的管理。

D. 前端頁面的插件有哪些

工具類

方便操作對象，數組等的工具庫

• underscore.js

• lo-dash與underscore.js的api基本一致。與underscore比其優勢是，效率高；可自定義構建

• Sugar在原生對象上增加一些工具方法

• functional.js提夠了一些Curry的支持

• Watch.js監視對象或屬性的變化

• bacon.js函數式編程，cool

• streamjs用流的方式來對數組，對象進行系列操作

非同步流程式控制制

• eventproxy朴靈出品

• Arbiter.js詳細

• 發布訂閱

• qPromise風格的

• Async.js

mock

• Mock.js生成隨機數據和mock Ajax 請求

• jquery-mockjaxmockajax請求

時間庫

• moment

• datejs

瀏覽器探測

• Bowser探測具體瀏覽器和版本

• ua-parser-js探測具體瀏覽器和版本，操作系統，設備類型等

調試

• console-polyfill能放心的使用 console.log()之類的console方法

• log讓控制台輸出的log有樣式

• Konsole.js在頁面的一個元素里輸出log信息詳細

• uri.jsuri操作

• cookie增刪改cookie的工具庫

• director前端路由庫詳細

• BigDecimal.js提高精度的數字操作

• JSDoc根據javascript文件中注釋的信息，生成API文檔詳細

• hotkeys鍵盤事件的封裝

• MD5用 MD5 的方式加密文件的庫

瀏覽器增強類

讓一些舊瀏覽器變牛逼的庫

• Selectivizr讓IE 6-8一些的css3選擇器

• ieBetter讓ie6-8有高級瀏覽器的特性

• ExplorerCanvas讓IE8-的瀏覽器支持canvas

• CSS3 Pie讓IE6-9支持border-radious,box-shadow,linear-gradient。 可以使用.htc文件（注意Mine type）或.js文件。在用Pie.js時，box-radious的元素有背景色時，不顯示背景色。。。

• formFive讓舊的瀏覽器支持HTML5表單的一些特性，如 placeholder,autofocus

• https://github.com/anselmh/object-fit讓瀏覽器支持object-fit這css規則

• HTML5 Cross Browser Polyfills一堆Polyfills

• flexibility讓舊的 IE 也支持 Flexbox

選擇器增強

• Lining.js讓瀏覽器實現類似::nth-line(), ::nth-last-line()的效果

未歸類

• prefixfree用了它，寫css時，就不需要加瀏覽器的前綴了

表單類

• jquery-file-upload上傳文件組件詳細

• zTree文件樹形視圖控制項

• Treed樹編輯器。感覺展示的感覺很像思維導圖

• FileAPI對文件選擇框內的文件的一些處理

表單驗證

• .Validate詳細

• jQuery-Validation-Engine

表單元素美化

• uniform提供對下拉框，單，復選框，按鈕等表單元素的美化

• select2多選下拉框

• selectivity和unfirom比較類似

• DropKick下拉框，單，多選。外觀比uniform好

• switcheryios7風格的開關組件

• nouislider用滾動條來設置/控制（音量等）

• range.css美化input[type=range]元素的外觀

圖片類

• holderjs生成占點陣圖片

• lazyload

• imagesLoaded選取的圖片都載入好後執行調回

• CSSgram用CSS3的Filter實現Instagram濾鏡的庫

圖標類

• Icon Font匯總

• SVG做的圖標

• svgicons

• iconic

• HYBICON帶交互效果。如 hover, click

• HTML字元實體圖標

• http://www.amp-what.com/

• transformicons圖標點擊時，會有一些變換效果。如，加號變成叉號

• css3patternscss3 做的可平鋪紋理。瀏覽器兼容性不好。

瀏覽圖片

• fancybox彈出查看圖片，視屏等等demo

• yoxview彈出查看圖片，圖片尺寸縮放很自然

圖片牆

• wookmark

UI 框架

• WeUI由微信官方設計團隊為微信 Web 開發量身設計。

• Framework7

UI 組件類

拖拽

• dragula支持Draggable，Dropable和Sortable。感覺比jqueryUI的輕量級，好用的樣子

• angular-draguladragular 官方的 angular 版本

數據可視化(圖表)

• Echarts網路出品

• highcharts功能強大。是收費的。

• Plottable.JS基於D3的一個圖表庫

• flot文檔不給力

• chartJs中文文檔demo很漂亮，很清晰。比較輕量級。

• ichartJs中國的一個傢伙搞的，感覺還不錯。

時間選取組件

• foundation-datepicker

• DatePicker一個簡單的日歷詳細

• full calendar支持脫放的方式來改變待辦事宜的時間

• Simple Events Calendar外觀很喜歡。收費 5$

• jQuery ui datepicker經典，不是很好看

• pickadate輕量級，手機友好的，漂亮。但貌似只能在彈出層中顯示，而沒有下拉這種方式顯示。

• zebra-datepicker可配置性很強。但貌似只能在彈出在右上方。。。

• bootstrap-datepickerbootstrap風格。

• dateRangePicker選取時間段。bootstrap風格。該組件依賴Twitter Bootstrap, Moment.js和jQuery.

自定義滾動條

• perfect scrollbar輕量級的滾動條。外觀與mac上chrome的滾動條一樣。

• iscroll在移動設備上用不錯

載入(Loding)效果

• CSS SpinnersCSS做的

• Loaders.cssCSS做的

表格組件

• jsGridData Grid。詳細

• backgrid基於Backbone.js的DataGrid

• excellentexport把表格的內容生成excel。兼容 Firefox, Chrome, IE6+

• datatables表格可交互（對內容進行排序，刪除等）

• handsontable生成Excel外觀的數據

• JSpreadsheets表格數據的組件庫

選取顏色

• Spectrum

分享到SNS

• JiaThis生成分享代碼。

編輯器

• ace代碼編輯器，可以用來做demo演示

• ckeditor

• ueditor網路做的

• tinymce對html內容進行實時的編輯

• summernote在移動設備上用不錯

通知組件

• notie.js

HTML5播放器

• jwplayer被大量網站使用

• html5media簡單的h5player，輕量級

• jplayer功能強太，可換膚

展示

• Impress.js各種旋轉，和奇特的體驗

• fullPage全屏顯示。用滾輪來翻頁詳細

• zepto.fullpage專注於移動端的fullPage.js，依賴Zepto

• pagePiling和fullPage類似

• turn.js做一本書，帶漂亮的翻頁的效果

幻燈

• slidesjs挺好用的，只是那幻燈導航的CSS都要自己寫，呵呵詳細

• iSlider無任何插件依賴的手機平台javascript滑動組件詳細

• bgstretcher全屏幻燈，會隨著頁面大小的變化而變化。

• Swiper開源、免費、強大的移動端觸摸滑動插件Swiper中文網

• coin-slider兼容IE6。蠻好的~。不過其切換方式是一塊塊的。不能配置切換方式。。。

• wowslider幻燈切換時各種很炫的效果。收費。

• cycle2普通的幻燈，竟然不支持垂直滾動。。。

• jcarousel普通的幻燈，不兼容IE6

• reveal3d滾動。做ppt相當不錯

• nodePPT國人做的，做ppt也相當不錯。有些方面比 reveal做的還好。但生成導出的html有些問題

• roundabout3d切換，看的後面圖片的邊

彈出框

• Magnific-Popup兼容PC，Mobile。還不錯，有5k+的star

• layer國人開發的，兼容ie6+。不喜歡其調用方式。

動畫效果

• mixitup用漂亮的動畫效果來完成排序和篩選

• jQuery.Marquee跑馬燈效果

• quickflip卡片翻轉效果

• 卡片翻轉效果2兼容性可以。寫的比較簡單：1，只支持x方向翻轉 2,類名都是規定好的 3，只能被調用一次。 需要改寫一下。我的改進版見這里

• TheaterJS模擬兩個人在屏幕上對話

• midnight.js文字顏色隨著背景變，屌炸了

• color-animationjquery的顏色漸變動畫插件。jquery的動畫不支持顏色值的變化。改庫提供了這個支持。

• transit對元素進行css的變換

• tagcanvas3D標簽雲效果詳細

• iconate圖片切換動畫

• Snap.js左/右側導航的出現效果

• CSS shake抖動動畫

• ClickSpark.js點擊後的一些酷炫的效果

視覺差插件

• scrollorama比較簡單

• superscrollorama能做的效果更多，但要用第三方Tween的庫，使用起來比較復雜。

• scrolldeck

flash

• swfobj能夠自動檢測PC、Mac機器上各種主流瀏覽器對Flash插件的支持情況。它使得插入Flash媒體資源盡量簡捷、安全。而且它是非常符合搜索引擎優化的原則的。此外，它能夠避免您的HTML、XHTML中出現object、embed等非標准標簽，從而符合更加標准。詳細

抽獎

• wScratchPad刮刮卡刮獎效果

• jqueryrotate旋轉插件。可以用來做轉盤抽獎效果

用戶體驗增強類

• Intro.js用來介紹網站的功能很不錯。也可以做新手引導。

• blockUILolding組件。

• simple-hint提示信息。用css做的。兼容性IE 9+。

• dotdotdot文字溢出時，添加在文字末尾加省略號

• jQuery-menu-aim二級菜單的切換如Amazon主頁上一樣迅速

• AnythingZoomer放大鏡功能

• 美化/高亮語法代碼

• google-code-prettify

• DlHighlight僅支持JavaScript、CSS、XML、HTML 這4語法高亮

• please按要求隨機舒服的顏色

• Awesomplete輸入的智能提示，自動補全

• proTip提示。感覺比 Bootstrap 的 tip 好

• Hammerjs手勢庫。封裝了 Swipe, Tap, Pinch, Pan等手勢

動畫

• velocity提高Jquery動畫的性能。以及顏色動畫之類的新特性。

SVG

• Snap.svg操作 SVG 的 JS 庫。號稱 SVG 的 jQuery。demo

• walkway以動畫的方式，漸漸地畫出 SVG 的路徑。

測試

• Mocha

• Chai

• Should

• Snoion

• DeviceMock.jsmock 設備。

其他類

• ZeroClipboard將內容復制到剪切板兼容主流瀏覽器的解決方案詳細

• html2canvashtml轉化成canvas，可以用來做截圖。詳細

• Ink響應式html郵件框架

• 性能測試

• 抓取，解析RSS內容（不能跨域，所以後台要做代理，所謂的解析Rss其實就是解析xml）

• jFeed

• jRss簡單版的jFeed

• scriptcam與攝像頭交互

• cylon.js機器人框架，支持35個平台

• Masonry一個瀑布流框架

• devices.css移動設備邊框的外觀。做原型的時候用不錯。

Bootstrap相關類

• Bootbox.js對bootstrap的彈出框做的一些封裝

• 免費皮膚

• AdminLTE

JS Plugins倉庫

• jQuery Cards高質量的 jQuery 插件網站

• jster

• node moles

• npmrankSort npm packages by page rank

• YOU MIGHT NOT NEED JQUERY PLUGINS不依賴 jQuery 的 js 插件。

• awesome-nodejs

• Libraries.io各種語言的庫

• OniUI去哪兒網做的一套基於Avalon的框架

常用的移動端框架

zepto.js

語法與jquery幾乎一樣，會jquery基本會zepto~

最新版本已經更新到1.16

iscroll.js

解決頁面不支持彈性滾動，不支持fixed引起的問題~

實現下拉刷新，滑屏，縮放等功能~

最新版本已經更新到5.0

underscore.js

筆者沒用過，不過聽說好用，推薦給大家~

該庫提供了一整套函數式編程的實用功能，但是沒有擴展任何JavaScript內置對象。

最新版本已經更新到1.8.2

滑屏框架

適合上下滑屏、左右滑屏等滑屏切換頁面的效果

slip.js

iSlider.js

fullpage.js

swiper.js

flex布局

flex布局目前可使用在移動中，並非所有的語法都全兼容，效果良好~

E. 什麼是控制項控制項有哪些種類

控制項是用戶可與之交互以輸入或操作數據的對象。控制項通常出現在對話框中或工具欄上。本系列主題介紹三類主要控制項：

Windows 公共控制項，包括所有者描述的控制項
ActiveX 控制項
由 Microsoft 基礎類庫 (MFC) 提供的其他控制項類
Windows 公共控制項
Windows 操作系統總是提供了若干 Windows 公共控制項。這些控制項對象都是可編程的，Visual C++ 對話框編輯器支持將這些控制項對象添加到對話框。Microsoft 基礎類庫 (MFC) 提供相應的類來封裝這些控制項中的每一個，如表 Windows 公共控制項和 MFC 類中所示。（表中的某些項有進一步描述它們的相關主題。有關沒有主題的控制項的信息，請參見 MFC 類的文檔。）

CWnd 類是所有窗口類（包括所有控制項類）的基類。下列環境支持 Windows 公共控制項：

Windows 95、Windows 98 和 Windows 2000
Windows NT 3.51 版及更高版本
Win32 系列 1.3 版（Visual C++ 4.2 版及更高版本不支持 Win32 系列）
舊式公共控制項在 Windows 的早期版本中同樣可用，這些舊式公共控制項包括復選框、組合框、編輯框、列表框、選項按鈕、普通按鈕、滾動條控制項和靜態控制項。

ActiveX 控制項
ActiveX 控制項（以前稱為 OLE 控制項）可以在 Windows 應用程序的對話框中使用，或在萬維網的 HTML 頁中使用。有關更多信息，請參見 MFC ActiveX 控制項。

其他 MFC 控制項類
除了封裝所有 Windows 公共控制項的類和支持對您自己的 ActiveX 控制項進行編程（或使用其他應用程序提供的 ActiveX 控制項）的類以外，MFC 本身還提供了下列控制項類：

CBitmapButton
CCheckListBox
CDragListBox

F. 什麼叫控制項，windows下的常用控制項有哪些，功能分別是什麼

什麼叫控制項
控制項是對數據和方法的封裝。控制項可以有自己的屬性和方法。屬性是控制項數據的簡單訪問者。方法則是控制項 的一些簡單而可見的功能。

Windows 公共控制項，功能分別是什麼
Windows 操作系統總是提供了若干 Windows 公共控制項。這些控制項對象都是可編程的，Visual C++ 對話框編輯器支持將這些控制項對象添加到對話框。Microsoft 基礎類庫 (MFC) 提供相應的類來封裝這些控制項中的每一個，如表 Windows 公共控制項和 MFC 類中所示。（表中的某些項有進一步描述它們的相關主題。有關沒有主題的控制項的信息，請參見 MFC 類的文檔。） CWnd 類是所有窗口類（包括所有控制項類）的基類。下列環境支持 Windows 公共控制項： Windows 95、Windows 98 和 Windows 2000 Windows NT 3.51 版及更高版本 Win32 系列 1.3 版（Visual C++ 4.2 版及更高版本不支持 Win32 系列） 舊式公共控制項在 Windows 的早期版本中同樣可用，這些舊式公共控制項包括復選框、組合框、編輯框、列表框、選項按鈕、普通按鈕、滾動條控制項和靜態控制項。 應用示例
列表框示例
要在 Microsoft Office Excel 2003 和早期版本的 Excel 中添加列表框，請單擊「窗體」工具欄上的「列表框」按鈕。然後，創建包含單元格 B2:E10 的列表框。 如果未顯示「窗體」工具欄，請指向「視圖」菜單上的「工具欄」，然後單擊「窗體」。 要在 Excel 2007 中添加列表框，請依次單擊「開發工具」選項卡、「插入」，然後單擊「窗體控制項」部分中的「列表框」。 右鍵單擊列表框，然後單擊「設置控制項格式」。鍵入以下信息，然後單擊「確定」。 要指定列表的區域，請在「數據源區域」框中鍵入 H1:H20。 要在單元格 G1 中鍵入數值（根據在列表中選擇的項目），請在「單元格鏈接」框中鍵入 G1。 注意：INDEX() 公式使用 G1 中的值返回相應的列表項目。 在「選定類型」下，確保選擇「單選」選項。單擊「確定」。 注意：僅在您使用 Microsoft Visual Basic for Applications 過程返回列表值時，「復選」和「擴展」選項才有用。另請注意，使用「三維陰影」復選框可使列表框具有三維外觀。列表框應顯示項目列表。要使用列表框，請單擊任意單元格，這樣不會選擇列表框。如果您單擊列表中的某一項目，單元格 G1 將更新為一個數字，以指示所選項目在列表中的位置。單元格 A1 中的 INDEX 公式使用此數字顯示項目的名稱。
組合框示例
要在 Excel 2003 和早期版本的 Excel 中添加組合框，請單擊「窗體」工具欄上的「組合框」按鈕。 要在 Excel 2007 中添加組合框，請依次單擊「開發工具」選項卡、「插入」，然後單擊「窗體控制項」部分中的「組合框」。 創建包含單元格 B2:E2 的對象。 右鍵單擊組合框，然後單擊「設置控制項格式」。輸入以下信息，然後單擊「確定」： 要指定列表的區域，請在「數據源區域」框中鍵入 H1:H20。 要在單元格 G1 中鍵入數值（根據在列表中選擇的項目），請在「單元格鏈接」框中鍵入 G1。 注意：INDEX 公式使用 G1 中的值返回相應的列表項目。 在「下拉顯示項數」框中，鍵入 10。此條目決定在必須使用滾動條查看其他項目之前顯示的項目數。 注意：「三維陰影」復選框是可選的；使用它可使下拉框或組合框具有三維外觀。下拉框或組合框應顯示項目列表。要使用下拉框或組合框，請單擊任意單元格，這樣不會選擇對象。如果您單擊下拉框或組合框中的某一項目，單元格 G1 將更新為一個數字，以指示所選項目在列表中的位置。單元格 A1 中的 INDEX 公式使用此數字顯示項目的名稱。
微調框示例
要在 Excel 2003 和早期版本的 Excel 中添加微調框，請單擊「窗體」工具欄上的「微調框」按鈕，然後創建包含單元格 B2:B3 的微調框。將微調框的大小調整為大約列寬度的四分之一。 要在 Excel 2007 中添加微調框，請依次單擊「開發工具」選項卡、「插入」，然後單擊「窗體控制項」部分中的「數值調節鈕」。 右鍵單擊微調框，然後單擊「設置控制項格式」。輸入以下信息，然後單擊「確定」： 在「當前值」框中，鍵入 1。 此值將初始化微調框，以便 INDEX 公式指向列表中的第一個項目。 在「最小值」框中，鍵入 1。 此值會將微調框的頂部限制為列表中的第一個項目。 在「最大值」框中，鍵入 20。 此數字指定列表中條目的最大數。 在「步長」框中，鍵入 1。 此值控制微調框控制項將當前值增大多少。 要在單元格 G1 中鍵入數值（根據在列表中選擇的項目），請在「單元格鏈接」框中鍵入 G1。單擊任意單元格，這樣不會選擇微調框。如果您單擊微調框中的向上控制項或向下控制項，單元格 G1 將更新為一個數字，以指示微調框的當前值與微調框步長的和或差。然後，此數字將更新單元格 A1 中的 INDEX 公式以顯示下一項目或上一項目。 如果您在當前值為 1 時單擊向下控制項，或者在當前值為 20 時單擊向上控制項，則微調框值不會更改。
滾動條示例
要在 Excel 2003 和早期版本的 Excel 中添加滾動條，請單擊「窗體」工具欄上的「滾動條」按鈕，然後創建高度為單元格 B2:B6 且寬度大約為列寬度的四分之一的滾動條。 要在 Excel 2007 中添加滾動條，請依次單擊「開發工具」選項卡、「插入」，然後單擊「窗體控制項」部分中的「滾動條」。 右鍵單擊滾動條，然後單擊「設置控制項格式」。鍵入以下信息，然後單擊「確定」。 在「當前值」框中，鍵入 1。 此值將初始化滾動條，以便 INDEX 公式指向列表中的第一個項目。 在「最小值」框中，鍵入 1。 此值會將滾動條的頂部限制為列表中的第一個項目。 在「最大值」框中，鍵入 20。此數字指定列表中條目的最大數。 在「步長」框中，鍵入 1。 此值控制滾動條控制項將當前值增大多少。 在「頁步長」框中，鍵入 5。此條目控制當您單擊滾動條中滾動框的任意一邊時將當前值增大多少。 要在單元格 G1 中鍵入數值（根據在列表中選擇的項目），請在「單元格鏈接」框中鍵入 G1。 注意：「三維陰影」復選框是可選的；使用它可使滾動條具有三維外觀。單擊任意單元格，這樣不會選擇滾動條。如果您單擊滾動條中的向上控制項或向下控制項，單元格 G1 將更新為一個數字，以指示滾動條的當前值與滾動條步長的和或差。此數字在單元格 A1 中的 INDEX 公式中使用，以顯示當前項目的下一項目或上一項目。 您還可以拖動滾動條以更改值，或單擊滾動條中滾動框的任意一邊以將該值增大 5（「頁步長」值）。如果您在當前值為 1 時單擊向下控制項，或者在當前值為 20 時單擊向上控制項，則滾動條不會更改。

G. UI設計常用的UI控制項有哪些

uI控制項的三要素：繪制、數據、控制。
1、Axure
RP（Rapid
Prototyping）
Axure（讀音為Ack-Sure）無疑是目前最受關注的原型開發工具，其能通過組件的方式幫助網站或軟體設計師快速建立帶有注釋的原型（流程圖、線框圖），並憑借自定義可重用的元件、動態面板以及豐富的script能夠建立基本功能或頁面邏輯的動態演示文件。
Axure借鑒了office的界面，能夠讓用戶快速上手，並且提供了豐富的組件樣式修改，使得通過其能夠創建低保真、高保真甚至接近於實際效果的界面。然而最讓人稱道的是，Axure的豐富的腳本模式，可以通過點擊和選擇能夠快速完成界面元素的交互，如鏈接、state切換、動態變化等效果，使得Axure能夠生成十分接近於真實產品的原型。另一方面，Axure能夠導入其他人創建的元件庫，使得Axure能夠滿足絕大多數類型產品的設計。
但Axure仍然有一個讓人頭痛的問題：對於中文的支持不太友好。在小部分元件上輸入中午的時候，經常需要像碰運氣似的反復切換輸入法，破壞了咱們設計師的用戶體驗。
瑕不掩瑜，Axure仍然是交互設計師的首選原型工具。
2、Microsoft
Office
Visio
Visio在2000年被微軟收購，並在2002年成為office2003套件中的一個組件，最新版本是2007。Visio能夠獲得推薦的原因是因為Visio的適用性非常之廣，從網站界面、資料庫模型，到平面布置圖到工藝流程圖，Visio都提供了相應的元件庫和模板來進行快速創建。
相較Axure而言，Visio更適合於傳統行業的生產或流程設計，或者軟體及互聯網行業中的信息、數據和流程的說明，而不太適用於web界面。因為其的基於web的元件庫還是比較少，並且形式和結構也更類似於word中的圖形工具，因此在原型開發效率上都有所不足。
3、Balsamiq
Mockups
這個基於Adobe
AIR
Runtime的工具實在是有讓人眼前一亮的感覺，手繪風格的元件樣式粗獷淋漓，能創建接近於紙上手繪的原型文件。其提供了豐富的手繪風格的web常用元件，包括常用的html控制項、以及一些組合控制項，如多媒體控制器、標簽頁、列表、Iphone界面元件等。
Mockups最值得贊賞之處在於其提供的多數組件都可定製外觀，對於中文的支持也不錯（選擇View
>
Use
System
Fonts）。
4、Mockflow
Mockflow和以上工具最大的不同在於Mockflow是一項基於Adobe
Flex技術開發在線服務，提供了與Balsamiq
Mockups基本相似的功能，甚至更豐富的組件，雖然其元件定製化不夠強大，但其提供的元件庫默認樣式卻非常適合用來做商業產品原型的搭建。有一個讓我愛不釋手的功能是模板，可以設置基於任何頁面的模板來進行新的頁面設計。
與其他模板工具相比，mockflow有一個非常特色的功能，基於web的存儲可以在任意電腦上聯機打開，同時可以其他人進行快速的分享，並收集在線反饋意見，非常適合虛擬團隊的原型設計交流。

H. 現在的網站建設常用的軟體有哪些

一、門戶網站：dedecms

織夢內容管理系統(DedeCms)是使用PHP語言開發的建站平台，以簡單、實用、開源而聞名，是國內最知名的PHP開源網站管理系統，用它可以建站的類型很多，如地方門戶、行業門戶、政府及企事業站點等。

二、企業網站：YIQIcms

YIQIcms，是國內首款完全基於SEO友好性開發的營銷型企業網站系統，這里的CMS系統更適合建立企業網站。其程序特徵：1、100%開放源代碼，免費開源;2、後台管理操作簡單易行;3、模板div+css標准設計,符合w3c標准，兼容主流瀏覽器;4、開發語言和資料庫：PHP+Mysql。

三、個人網站：wordpess

WordPress是一種使用PHP語言開發的博客平台，用戶可以在支持PHP和MySQL 資料庫的伺服器上架設自己的網志。也可以把 WordPress 當作一個內容管理系統(CMS)來使用。PHP 5.2.4 或更新版本、MySQL 5.0 或更新版本、Apache mod_rewrite 模塊是其對硬體的要求。

wordpress的優點主要是，易用、符合SEO要求、強大的模板插件支持，還有一點就是，wordpress作為現在主流的博客建站軟體，有大量的粉絲支持，及經驗分享，在使用該CMS系統建立網站時，任何問題，都可以在網路上，查詢到相應的解決辦法。如果要建立個人網站，例如博客等，一款簡單的CMS軟體，例如Zblog.Z-Blog，它是由RainbowSoft Studio開發的一款小巧而強大的基於Asp平台的Blog程序。對硬體的要求只要是支持ASP和Access即可。

四、論壇：Discuz

Crossday Discuz! Board(簡稱 Discuz!)是一套通用的社區論壇軟體系統。是全球成熟度最高、覆蓋率最大的論壇軟體系統之一。Discuz更多的是和其他開源系統組合，作為網站和用戶交流的一個論壇建站軟體。

以上就是網站建設的一些常用軟體。