我們都知道在專(zhuān)業(yè)的網(wǎng)站設(shè)計(jì)中，需要用到各種不同了類(lèi)型的網(wǎng)站設(shè)計(jì)軟件，到底需要哪些呢？這就需要根據(jù)網(wǎng)站設(shè)計(jì)的三個(gè)不同階段，也就是原型設(shè)計(jì)階段、編碼階段和測(cè)試階段，以此來(lái)選擇不同的網(wǎng)站設(shè)計(jì)軟件，下面就為大家做一個(gè)簡(jiǎn)單的介紹。

　　一、原型設(shè)計(jì)階段

　　在網(wǎng)站設(shè)計(jì)的原型設(shè)計(jì)階段，其主要的目的就是根據(jù)客戶(hù)提出的不同需求來(lái)描繪出頁(yè)面的草圖。其實(shí)在這個(gè)階段需要用到做多的就是紙和筆，當(dāng)然一些設(shè)計(jì)軟件也是非常好的，像我們比較常用的balsamip， mockingbird等。一些傳統(tǒng)的平面設(shè)計(jì)工具比如photoshop，對(duì)網(wǎng)站設(shè)計(jì)的原型設(shè)計(jì)階段幫助也是非常大的。

　　二、編碼階段

　　網(wǎng)站設(shè)計(jì)在完成原型設(shè)計(jì)之后，就能夠得到一些基本的效果圖，此時(shí)，就需要將最初的效果草圖轉(zhuǎn)化為html，css或者javascript。在設(shè)個(gè)階段，網(wǎng)站設(shè)計(jì)軟件需要的就相對(duì)多一些，比如dreamweaver，expression blender 等。不過(guò)，這個(gè)也不是固定，對(duì)于一些前段工程師來(lái)說(shuō)采用文本編輯器也是非常好用的，像vim，textmate也是可以來(lái)實(shí)現(xiàn)原型的。

　　其實(shí)，網(wǎng)站設(shè)計(jì)和前段邏輯是不能完全分開(kāi)的，作為一個(gè)前段設(shè)計(jì)師，掌握最基本的javascript知識(shí)還是非常必要的。當(dāng)然了，如果能夠熟練掌握一種js框架就更好了，像jquery。

　　三、測(cè)試階段

　　到了網(wǎng)站設(shè)計(jì)的第三個(gè)階段，也就是測(cè)試階段，由于一些原因，導(dǎo)致目前一些主流的瀏覽器和一些非主流的瀏覽器會(huì)出現(xiàn)一些截然不同的表現(xiàn)。作為一名盡責(zé)的前端工程師，需要掌握一些跨瀏覽器的兼容性測(cè)試技術(shù)和工具。像使用較多的一款在線監(jiān)測(cè)兼容性的測(cè)試工具h(yuǎn)ttp://browsershots.org。

　　通過(guò)上面的介紹，相信你對(duì)網(wǎng)站設(shè)計(jì)軟件的種類(lèi)一定有了一些基礎(chǔ)的了解，希望能夠幫助大家在網(wǎng)站設(shè)計(jì)軟件的選擇上能有所幫助。像在原型設(shè)計(jì)階段需要用到：balsamip， mockingbird和photoshop等；在編碼階段需要用到dreamweaver， expression blender和tim和textmate等；而在測(cè)試階段就需要用到測(cè)試兼容性的一些測(cè)試軟件或工具，比如：http://browsershots.org等。