web前端开发需要哪些工具？

主要工具有：

1. 最常用的就是dreamweaver，cs6目前是功能最强大,问题最少的了。

2. dw有一个比较方便的就是可视化编程，可以边看效果边敲代码，还有自动提示代码的功能，还有ediplus，这个其实就相当于一个字体有颜色的记事本，感觉dw占用内存太多了，直接用 ediplus写代码。

3. eclipse可以写java、php还有 上面的各种代码。

4. Zend Studio 是专门写php的，但是上面这2种工具比较专业。

web前端开发需要掌握的技术：

1. 学习html,这个是最简单的，也是最基础的.要熟练掌握div、form table、ul li 、pspan、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。

2. 学习css,这里说的css不包括css3，一般我们看到web前端开发工程师的要求里面，有一个会使用css+html 或者 css+div 来进行界面布局，所以css是用于辅助html来布局和展示的，我们称之为“css样式”，为什么会说css+div呢?因为我上面说了div就是 html主要用于布局的东西，所以div就是核心掌握的东西。那么css肯定必须要配合div来使用才好.css要熟练掌握float、 position、width、height，以及对于的最大最小、会使用overflow、margin、padding等等,这些都是跟布局，有关系的样式,一点要掌握。

3. 学习js.，可能前两个大家觉得还过的去，看到js就蛋疼了，js入门很简单的，不需要会很多东西的，只要会根据某个id，或者name拿到网页dom或者样 式，或者值，给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作，然后数据逻辑判断，效果方面的，无非就是跳转、弹框、隐藏什么的，把这些全部结合其他就是实际用途了，代码一点都不难，会了这些基础js。

4. 学习jquery jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少,jquery入门也很简单，那些是入门需要学的和js一样，只是换成了jq的代码。

5. 最好会点后台语言，比如java、php,为什么呢?因为我们前台界面的数据都是从后台来的，如果会点后台代码，就知道怎么跟后台交互数据是最好的,，这样节约时间，也可以让前端代码更规范。

6. 学习css3+html5。

   上面六点，基本是一个搞web前端开发工程师需要掌握的技术。

Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于不太重要的知识，我们只需要“通”即可。但“通”到什么程度才算够用呢？对于很多初级前端开发工程师来说，这个问题是非常令人迷惑的。 总之前端学习了这些就够了：div+css+javascript+flash+xml，通过蓝湖能直接复制设计图对应的代码，也省很多力

常用的web前端开发工具　web前端开发工具有哪些：
1、Bootstrap
Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和HTML 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。
2、Foundation
Foundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等。
3、Cloud9 IDE
Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在IDE 中启动、暂停和停止。
4、Notepad++
Notepad++ 是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!
5、Visual Studio Code
Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 web 和云应用的跨平台编辑器。
6、GIMP
GIMP 是 GNU 图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能，号称 Linux 下的 PhotoShop。GIMP 在 Linux系统推出时就风靡了绘图爱好者圈。
7、SecureHeaders
SecureHeaders 是 Twitter 送给 Web 开发者的一份大礼，作为一款 Web 安全开发工具，Secureheaders 能够自动实施安全相关的 header 规则，包括内容安全政策(CSP)，防止 XSS、HSTS 等攻击，防止火绵羊(Firesheep)攻击以及 XFO 点击劫持等。
8、Fontello
Fontello 是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

开发，是指以荒地、矿山、森林、水力等自然资源为对象进行劳动，以达到利用的目的;开拓;发现或发掘人才、技术等供利用。发掘、收集、整理、选择文化资源等

HTML、CSS，JavaScript。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互，在进行开发前，需要对这些概念弄清楚，才能进行合理的开发。
一般会用到HBuilder、Visual Studio 、Dreamweaver、蓝湖等等

Web前端开发工具是前端工程师编写代码时所需要的编辑工具，现在比较常用的前端开发工具有
1、Dreamweaver
2、Sublime
3、HBuilder
4、Visual Studio