『壹』 有什麼可視化設計web界面的工具
1、dreamweaver——集WEB端網頁設計和網站管理於一身的所見即所得網頁編輯器
2、Axure——原型設計工具，主要設計WEB原型
3、墨客——原型設計工具，對PC端和WEB端都很友好
以上這幾款使用率都比較高，最近幾年用Axure原型設計的較多。DW工具比較早。
『貳』 web前端工具哪個好用
1、Aptana Studio
Aptana Studio是一個集成式的Web應用程序開發環境，它不僅可以作為獨立的程序運行，而且還可以作為Eclipse插件使用。所以，如果您已經安裝了Eclipse的話，就可以將Aptana作為插件直接安裝到您的Eclipse環境中。早起作為一個插件可以集成與Eclipse中來開發前端，現在已經獨立出來，也是我最早接觸js所使用的一款開發工具，如果熟悉了Eclipse快捷鍵的小夥伴可以快速上手。
2、Vim
Vim作為一個類似於Vi的文本編輯器，功能強大的同時還可以做到高度可定製。當然了，雖然Vim類似Vi，但是它在Vi的基礎上改進和增加了很多特性，VIM是純粹的自由軟體。即使Vim的學習成本高，但只要我們掌握很多的快捷鍵和一些小技巧，它就能大大提高Web前端開發的工作效率。
3、Prettier Playground
Prettier是一種代碼格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow和 TypeScript 等。它會用符合標准並遵循最佳實踐的樣式替換掉你原來的樣式。這個方便的工具在我們的 IDE 中非常流行，但是它也有自己的在線版本，你可以在裡面優化你的代碼。
4、EnjoyCSS
EnjoyCSS 是一款非常簡單的工具，尤其對於不擅長使用CSS的前端開發者來講。它為用戶提供了簡單的 UI，讓用戶可以設計元素，並提供對應的 CSS 輸出。
5、Postman
在前端開發的過程中，Postman可以說是必備的開發工具之一。它能在後端檢查端點，而且非常好用。它的出色表現讓我把它放到了這里。它包含的端點包括 GET、POST、DELETE、OPTIONS 和 PUT 之類。可以稱之為絕對不能錯過的一款工具。
6、Bit.dev
軟體開發的一項基本原則是代碼可重用性。這可以減少你的開發工作，因為你無需從頭開始構建每個組件。這正是 Bit.dev 所做的。它使你可以共享可重用的代碼組件和代碼片段，從而減少開銷並加快開發流程。它還允許在團隊之間共享組件，這使你的團隊可以與其他團隊更好地協作。
7、StackBlitz
StackBlitz是所有用戶最喜歡的在線 IDE 工具。主要原因是它將我們最喜歡和最常用的 IDE——也就是 Visual Studio Code，引入了 Web 端。StackBlitz 允許你一鍵設置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一鍵設置這個功能意味著開發者可以在極短的時間內開始編碼。有了StackBlitz，你只需不到幾分鍾的時間就可以試用新的 NPM 軟體包，而無需從頭開始在本地創建項目。
以上就是關於Web前端開發常用工具的全部推薦，大家要是想提供自己的工作效率，現在就趕緊用起來吧！
『叄』 網頁設計師非常有用的幾個在線工具
時間戳轉換
功能簡介：Unix時間戳和北京時間互轉、獲取時間戳方法
地址：http://www.matools.com/timestamp
代碼對比/歸並
功能簡介：在線檢測/比較兩個文件文本的不同
地址：http://www.matools.com/compare
LESS編譯器
功能簡介：將LESS代碼編譯成CSS代碼，方便前端人員使用
地址：http://www.matools.com/less
crontab表達式
功能簡介：根據crontab表達式計算未來N次的執行時間
地址：http://www.matools.com/crontab
代碼格式化
功能簡介：可以對sql、XML、JSON代碼進行格式化和美化
地址：http://www.matools.com/code-format
編碼轉換
功能簡介：URL解碼、Native轉UTF-8、Native轉ASCII
地址：http://www.matools.com/code-convert
網頁調色板
功能簡介：網頁顏色選擇器、顏色代碼查詢、RGB顏色值參考
地址：http://www.matools.com/color
正則表達式
功能簡介：正則表達式匹配和替換、多種常用正則表達式
地址：http://www.matools.com/regex
答題
功能簡介：學霸，快來做題，提升一下你的技能吧
地址：http://www.matools.com/exam
Markdown
功能簡介：將web上的文本轉換成HTML文檔
地址：http://www.matools.com/markdown
UBB編譯器
功能簡介：UBB是一種網頁中的替代HTML代碼的安全代碼
地址：http://www.matools.com/ubb
進制轉換
功能簡介：2~36進制之間任意進制轉換，支持浮點型
地址：http://www.matools.com/hex
CSV轉HTML
功能簡介：將CSV數據轉換為HTML的表格,並展示在頁面上
地址：http://www.matools.com/csv-html
HTML特殊符號
功能簡介：HTML特殊字元編碼大全
地址：http://www.matools.com/special-char
XML轉JSON
功能簡介：XML和JSON的內容和輸出互相轉換
地址：http://www.matools.com/xml-json
HTML轉JS
功能簡介：HTML和JS的內容和輸出互相轉換
地址：http://www.matools.com/html-js
js/css壓縮
功能簡介：在線壓縮Javascript和CSS代碼
地址：http://www.matools.com/compress
網頁常用字體
功能簡介：總結了各種常見的網頁字體的顯示效果
地址：http://www.matools.com/page-word
Cron生成器
功能簡介：可以在線生成任務調度Quartz的Cron表達式
地址：http://www.matools.com/cron
JSON格式化
功能簡介：Json解析、驗證、格式化、壓縮、以及Json與XML相互轉換
地址：http://www.matools.com/json
SQL格式化
功能簡介：sql在線美化、格式化、腳本壓縮
地址：http://www.matools.com/sql
埠掃描
功能簡介：掃描常用或指定的埠，查看埠是否開放
地址：http://www.matools.com/port
Base64編碼解碼
功能簡介：將字元base64編碼加密,或者將base64加密的字元還原
地址：http://www.matools.com/base64
MD5加密
功能簡介：生成32位和16位的大寫和小寫的密文
地址：http://www.matools.com/md5
摩斯電碼
功能簡介：在線摩斯電碼加密解密
地址：http://www.matools.com/morse
IP查詢
功能簡介：查詢IP或域名的地理位置和寬頻供應商、查看本機IP
地址：http://www.matools.com/ip
文字加密解密
功能簡介：支持AES、DES、RC4、Rabbit 等多種演算法
地址：http://www.matools.com/encrypt
HTTP狀態查詢
功能簡介：檢測網頁返回的HTTP狀態碼
地址：http://www.matools.com/page-status
生成htpasswd
功能簡介：生成htpasswd
地址：http://www.matools.com/htpasswd
favicon圖標製作
功能簡介：將上傳圖像剪切並生成ico格式的圖標
地址：http://www.matools.com/ico
傳圖識字
功能簡介：可以將一段含有英文文字的照片免費轉化成文字
地址：http://www.matools.com/ocr
gif圖製作
功能簡介：一鍵生成gif動態圖、閃圖和搞笑表情包
地址：http://www.matools.com/gif
生成二維碼
功能簡介：可以設置圖像格式、容錯率、大小、顏色及LOGO
地址：http://www.matools.com/qrcode
圖片轉pdf
功能簡介：在線免費將多張圖片轉成pdf文檔，一鍵生成pdf文檔
地址：http://www.matools.com/pdf
人臉識別
功能簡介：在線人臉識別，自動識別人臉批量裁剪出頭像圖片
地址：http://www.matools.com/face
DIY卡通頭像
功能簡介：免費的動漫人物製作工具，可以隨心定製男女卡通頭像
地址：http://www.matools.com/cartoon
傳圖識色
功能簡介：可以識別出遊標所在處圖片的顏色，並提取出圖片的主色調
地址：http://www.matools.com/image-color
手繪圖片
功能簡介：可以自動生成手繪風格照片，還可以改變照片的模糊度
地址：http://www.matools.com/sketch
圖片轉Base64
功能簡介：圖片和Base64編碼互轉
地址：http://www.matools.com/image-base64
衣服尺碼計算
功能簡介：輸入你的身高體重，即可計算出你需要的衣服尺寸
地址：http://www.matools.com/size
身份證信息查詢
功能簡介：輸入身份證號，查詢歸屬地、性別和出生年月
地址：http://www.matools.com/id
科學計算器
功能簡介：開方(√)、圓周率(π)、倒數(1/x)、正弦(Sin)
地址：http://www.matools.com/calculator
大小寫轉換
功能簡介：可以實現人民幣數字大寫轉換和英文大小寫轉換
地址：http://www.matools.com/upper-lower
日期間隔計算
功能簡介：一款可以計算兩個日期之間的天數的工具
地址：http://www.matools.com/date
漢字轉拼音
功能簡介：可以將漢字轉化為帶聲調的拼音
地址：http://www.matools.com/pinyin
文字去重
功能簡介：該工具可得到無重復數據的文字
地址：http://www.matools.com/repeat
單位換算器
功能簡介：長度、面積、重量、溫度等單位一鍵對等轉換
地址：http://www.matools.com/unit
中文簡繁轉換
功能簡介：將輸入的一段文字轉換為簡體或繁體
地址：http://www.matools.com/chinese-convert
陰陽歷轉換
功能簡介：支持農歷公歷互查，公歷和農歷互相轉換
地址：http://www.matools.com/lunar
郵編區號查詢
功能簡介：輸入省份、城市、區號或郵編查詢該地區號
地址：http://www.matools.com/postcode
字數統計
功能簡介：快速計算文章中漢字、標點、英文和數字的個數
地址：http://www.matools.com/count-char
『肆』 常見web程序設計的開發工具有哪些，各自的特點是什麼
常見web程序設計的開發工具有：
PHP、ASP、JSP、Asp.net
ASP（全稱Active Server Pages）微軟系統的腳本語言，利用它可以執行動態的Web服務應用程序。執行的時候，是由IIS調用程序引擎，解釋執行嵌在HTML中的ASP代碼，最終將結果和原來的HTML一同送往客戶端。ASP的語法非常類似Visual BASIC，學過VB的人可以很快上手，ASP也是這幾種腳本語言中最簡單易學的開發語言。因為ASP腳本語言非常簡單，因此其代碼也簡單易懂，結合HTML代碼，可快速地完成網站的應用程序。但是ASP也有很大的缺點，由於是運行在WINDOWS平台上,不能跨平台運行,自身存在著許多缺陷，最重要的就是安全性。在大型項目開發和維護上非常困難。
但在國內異常流行，因為國內大多使用的是盜版的Windows和盜版的SQLServer。
PHP
PHP是基於預處理 HTML 頁面模型的一種腳本語言。它大量地借用C和Perl語言的語法， 並結合PHP自己的特性，使Web開發者能夠快速地寫出動態產生頁面。可以用於管理動態內容、支持資料庫、處理會話跟蹤，甚至構建整個電子商務站點。它支持許多流行的資料庫，包括 MySQL、PostgreSQL、Oracle、Sybase、Informix 和 Microsoft SQL Server。PHP本身就是為處理超文件html設計的，正是由於它是專為基於 Web 的問題而設計的，而且它是開源的導致可擴展性大大增強 ，所以運用非常廣泛。
PHP發展到今天，具備了很多優勢，開發速度，運行速度，安全性都比較好！性價比很高啊！
JSP
JSP（全稱JavaServer Pages）是Sun公司推出的一種網路編程語言。JSP技術是以Java語言作為腳本語言的,比較難學。)。形式上JSP和ASP或PHP看上去很相似——都可以被內嵌在HTML代碼中。
JSP可以用來做大規模的應用服務，JSP在響應第一個請求的時候被載入，一旦被載入，便處於已執行狀態。對於以後其他用戶的請求，它並不打開進程，而是打開一個線程（Thread），將結果發送給客戶。由於線程與線程之間可以通過生成自己的父線程（Parent Thread）來實現資源共享，這樣就減輕了伺服器的負擔。
同樣JSP是基於Java的，有Java語言的最大優點——平台無關性，也就是所謂的「一次編寫，隨處運行（WORA – Write Once, Run Anywhere）」。
另外JSP的效率以及安全性也是相當驚人的。 配置和部署相對其他腳本語言來說要復雜一些，所以在國內目前的應用並不廣泛，但對於跨平台的中大型企業應用系統來講（如銀行金融機構），基於JAVA技術的MVC架構幾乎成為唯一的選擇，前途不可限量。
ASP.NET
ASP最新的版本ASP.NET 並不完全與 ASP 早期的版本後向兼容，因為該軟體進行了完全重寫。ASP.NET的優勢很明顯在於它簡潔的設計和實施。語言靈活,可以使用腳本語言（如 VBscript、Jscript、Perlscript 和 Python）以及編譯語言（如 VB、C#、C、Cobol、Smalltalk 和 Lisp）；並支持復雜的面向對象特性。而且有良好的開發環境支持。
高效性，ASP.NET是編譯性的編程框架，運行是伺服器上的編譯好的公共語言運行時庫代碼，可以利用早期綁定，實施編譯來提高效率。
簡單性，.NET可視化編程，提供基於組件、事件驅動的可編程網路表單，大大簡化了編程。一些很平常的任務如表單的提交客戶端的身份驗證、分布系統和網站配置變得非常簡單。如ASP.net頁面構架允許你建立你自己的用戶分界面。
看起來是非常有前途的，可能JSP可以一拼，剛剛開始，目前應用不高！
JAVA一種由Sun公司提出的，從C++發展而來的面向對象的編程語言。JS=JAVASCRIPT 是一總頁面腳本語言,與java沒有關系,語法相似而已,有以前的livescript轉化而來,為了敢時髦改成了javacriptJSP 全稱 JAVA SERVER PAGE,是JAVA企業應用的一種動態技術ASP 全稱 active server page 也是一種動態頁面技術採用VB語言ASP.NET 是微軟.net平台下的動態頁面技術,多採用C#語言結構化程序設計:使程序具有合理的結構,以保證和驗證程序的正確性.這種方法要求程序設計者不能隨心所欲地編寫程序,而要按照一定的結構形式來設計和編寫程序.它的一個重要目的是使程序具有良好的結構,使程序易於設計,易於理解,易於調試修改,以提高設計和維護程序工作的效率.面向任務程序設計:我的理解是基於對象的設計,沒有繼承和多態,錯了請指正,別罵,呵!面向對象程序設計:http://ke..com/view/125370.htm
java是一種面向對象的編程語言，js就是javascript也就是java腳本，jsp是java server page，asp是active server page
本文來自CSDN博客，轉載請標明出處：http://blog.csdn.net/yuelenglingxi/archive/2009/07/11/4340960.aspx