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、另外还有一些在线工具，可以帮助处理一些前端问题 。
推荐阅读
- 1T的移动硬盘里面有风扇吗
- 157的手机号码是中国移动的吗
- 1t移动硬盘格式化多久
- 移动语音遥控器怎么设置
- 青芒切开发现没熟怎么办
- 188是不是移动的号码
- 石家庄开发区申通快递在哪
- 无名指是哪个手指
- 151是移动还是联通
- 移动花卡怎么设置免流