1、前端開(kāi)發(fā)第一步就是對(duì)設(shè)計(jì)圖的處理，俗稱“切圖”，這里需要用PhotoShop CS6進(jìn)行切圖，有時(shí)需要進(jìn)行圖片進(jìn)行適當(dāng)處理。

2、除了PhotoShop CS6，比較好的切圖工具莫過(guò)于fireworks cs6了。

3、網(wǎng)站所需圖片都準(zhǔn)備之后，可以正式進(jìn)入前端開(kāi)發(fā)領(lǐng)域了，最流行的前端工具莫過(guò)于Dreamweaver CS6了。

4、當(dāng)然，除了Dreamweaver CS6之外，還有不少好的HTML編輯器，其中著名就有Sublime Text ,這是一個(gè)代碼編輯器，也是HTML和散文先進(jìn)的文本編輯器。

5、HTML編輯器，除上述之外，Notepad++也是不錯(cuò)的選擇，功能比 Windows 中的 Notepad(記事本)強(qiáng)大，除了可以用來(lái)制作一般的純文字說(shuō)明文件，也十分適合編寫(xiě)計(jì)算機(jī)程序代碼。Notepad++ 不僅有語(yǔ)法高亮度顯示，也有語(yǔ)法折疊功能，并且支持宏以及擴(kuò)充基本功能的外掛模組。

6、比較高級(jí)的HTML編輯器還有Aptana Studio ，這是一個(gè)集成式的Web應(yīng)用程序開(kāi)發(fā)環(huán)境，它不僅可以作為獨(dú)立的程序運(yùn)行，而且還可以作為Eclipse插件使用。

7、在前端開(kāi)發(fā)中，經(jīng)常會(huì)用到截圖、取色的功能，雖然這在PS中也可以搞定，但是有一款專業(yè)的軟件可以讓事半功倍，這就是FSCapture,它是一款抓屏工具，體積小巧、功能強(qiáng)大。不但具有常規(guī)截圖等功能，更有從掃描器獲取圖像，和將圖像轉(zhuǎn)換為 PDF 文檔等功能。

8、在前端開(kāi)發(fā)中，瀏覽器測(cè)試是不可可少，而在各大瀏覽器中論調(diào)試功能最好莫過(guò)于谷歌瀏覽器了。

9、與谷歌瀏覽器可以媲美的瀏覽器就是火狐瀏覽器了，火狐瀏覽器最令人矚目的就是Firebug了，F(xiàn)irebug是firefox下的一個(gè)擴(kuò)展,能夠調(diào)試所有網(wǎng)站語(yǔ)言，如Html,Css等，但FireBug最吸引人的就是javascript調(diào)試功能，使用起來(lái)非常方便，而且在各種瀏覽器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能還很強(qiáng)大，比如html,css,dom的查看與調(diào)試，網(wǎng)站整體分析等等?？傊褪且徽淄暾鴱?qiáng)大的 WEB開(kāi)發(fā)工具。

10、另外還有一些在線工具，可以幫助處理一些前端問(wèn)題。