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、另外还有一些在线工具，可以帮助处理一些前端问题。