‘壹’ 有什么可视化设计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