1、前端开发第一步就是对设计图的处理，俗称“切图”，这里需要用photoshop cs6进行切图，有时需要进行图片进行适当处理。
2、除了photoshop cs6，比较好的切图工具莫过于fireworks cs6了。
3、网站所需图片都准备之后，可以正式进入前端开发领域了，最流行的前端工具莫过于dreamweaver cs6了。
4、当然，除了dreamweaver cs6之外，还有不少好的html编辑器，其中著名就有sublime text ,这是一个代码编辑器，也是html和散文先进的文本编辑器。
5、html编辑器，除上述之外，notepad++也是不错的选择，功能比 windows 中的 notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。
6、比较高级的html编辑器还有aptana studio ，这是一个集成式的web应用程序开发环境，它不仅可以作为独立的程序运行，而且还可以作为eclipse插件使用。
7、在前端开发中，经常会用到截图、取色的功能，虽然这在ps中也可以搞定，但是有一款专业的软件可以让事半功倍，这就是fscapture,它是一款抓屏工具，体积小巧、功能强大。不但具有常规截图等功能，更有从扫描器获取图像，和将图像转换为 pdf 文档等功能。
8、在前端开发中，浏览器测试是不可可少，而在各大浏览器中论调试功能最好莫过于谷歌浏览器了。
9、与谷歌浏览器可以媲美的浏览器就是火狐浏览器了，火狐浏览器最令人瞩目的就是firebug了，firebug是firefox下的一个扩展,能够调试所有网站语言，如html,css等，但firebug最吸引人的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（ie,firefox,opera, safari）。除此之外，其他功能还很强大，比如html,css,dom的查看与调试，网站整体分析等等。总之就是一整套完整而强大的 web开发工具。
10、另外还有一些在线工具，可以帮助处理一些前端问题。