常见的网站开发工具有以下几种：
1、Microsoft FrontPage,是一款轻量级静态网页制作软件，特别适合新手开发静态网站的需要，目前该应用很少用于制作网页。
2、Dreamweaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示，同时提供了模板套用功能，支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。
3、CSS Design:一款适合对CSS对进调试的专业级应用，能够对CSS语法进行着色，同时支持即时查看样式功能，特别方便程序的调试以及效果的比对。
4、Flash动画制作软件：动画或动态图片是网页的重要组成部分，充分合理的使用Flash程序来设计网页元素，往往可达到意想不到的效果。
5、PS(Photoshop)图像处理软件：用于对网页图片进行润色或特殊效果处理，是一款网页制作必备之软件。
6、Sublime全称为Sublime text，是一个代码编辑器。Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图、功能插件等。Sublime text还是一个跨平台的编辑器，支Windows、linux、Mac等操作系统。
7、WebStorm 是JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
8、Visual Studio Code(简称“VS Code”)是一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。
9、HBUilder是一款支持HTML5的Web开发软件。“快”是BUilder的最大优势，通过完整的语法提示、代码输入法以及代码块等，HBuilder可以大幅提升HTML、JavaScript的开发效率。
新手怎么快速学习web前端技能？这个问题是刚开始学习web前端开发的朋友都会想问的，开始的时候没有人带你和有人带你是不一样的，各有利弊吧，没有人指导的话会苦逼一点，但是可以锻炼出很强的学习能力，有人指导的话可以少走一些弯路，但是容易养成依赖别人的习惯，影响独立思考的能力。当然偶是属于参加前端培训学习的，在这分享一下偶的web前端学习的经验吧。
在学习之前，首先要搞清楚，web前端工程师需要掌握哪些技能才算得上是web前端工程师？比如偶在学习前端技能之前，先制定一个学习计划，先看一下招聘网上的招聘web前端的岗位要求什么技术，先记下来，里面的技术要求都是最新的技术要求。
学好上面的基础知识，然后就是学习各种框架了，比如最近比较流行的vuejs框架，还有angular和react，偶建议先学好一种，理解其中的原理和思想，到后面学习其他的相对简单一点。jquery框架是最多人用的前端框架，当然也要掌握，学习它也比较简单。css框架也要掌握至少一种吧，比如sass，less，stylus等等，用的比较多的还是sass和less吧。还有精通页面布局，css样式调整，深刻理解web标准，对可用性，可访问性，结构与表现分离等等相关知识也是必须的。
当然也需要精通熟悉bootstrap，font awesome.js等前端基础库，熟悉大规模的web应用开发，网站性能优化和代码规范。当然如果使自己更加充实，就学习一门服务器脚本语言，儒nodejs/php/java/python等，个人感觉nodejs更接近前端一点，它是前后端分离的框架。学习一本后端语言也是一个加分项，也是为了以后的全栈和架构师之路也是必须的，如果你向产品经理发展那就另当别论。
针对于新手，最好是建议去一些web前端培训机构学习吧，会有比较专业的导师教你入门，为你制定比较适合你的学习计划，这样学习起来也比较快。