網(wǎng)站設(shè)計(jì)到網(wǎng)站制作以及網(wǎng)站完成整個(gè)過(guò)程中，可以使用的軟件比較多，比如phothoshop，就是我們常用的ps比較常用，illustrator也可以做平面排版設(shè)計(jì)用。網(wǎng)頁(yè)制作使用DW比較多，這中間還會(huì)使用到flash軟件，JS特效等等。如果把這些軟件放在一起介紹，顯得有點(diǎn)亂，不太好理解。閔行做網(wǎng)站 整理了一下，按照網(wǎng)站設(shè)計(jì)的三大階段介紹對(duì)應(yīng)的軟件工具。

1、網(wǎng)站設(shè)計(jì)階段
首先要設(shè)計(jì)網(wǎng)站原始圖，原始圖就是根據(jù)用戶的需求描繪出頁(yè)面的草圖。這時(shí)候最為有效的工具其實(shí)就是鉛筆和紙。當(dāng)然，也有一些比較不錯(cuò)的原型設(shè)計(jì)工具，比如balsamip, mockingbird 等。 當(dāng)然，傳統(tǒng)的平面設(shè)計(jì)工具在這個(gè)階段也有幫助，比如photoshop等。原始圖確定之后，就需要使用phothoshop進(jìn)行加工潤(rùn)色，設(shè)計(jì)成漂亮的網(wǎng)站效果圖。
2、網(wǎng)頁(yè)轉(zhuǎn)換階段
網(wǎng)頁(yè)轉(zhuǎn)換就是編寫(xiě)代碼，完成了基本的效果圖設(shè)計(jì)后，就需要將相應(yīng)的設(shè)計(jì)效果轉(zhuǎn)換為html 頁(yè)面, css和javascript，這時(shí)候，常用的工具有dreamweaver, expression blender 等。也有一些前端工程師在這個(gè)階段就會(huì)采用文本編輯器，比如vim,textmate來(lái)實(shí)現(xiàn)原型。

3、網(wǎng)站測(cè)試階段
網(wǎng)站設(shè)計(jì)和代碼編寫(xiě)一般來(lái)講是不能完全分離的，作為設(shè)計(jì)師要能夠熟練地掌握一種基本的js框架，還要掌握跨瀏覽器兼容性測(cè)試的技術(shù)和工具。要理解每一個(gè)瀏覽器的css/html 實(shí)現(xiàn)上的差異，以及如何使用工具進(jìn)行檢測(cè)。

閔行做網(wǎng)站 認(rèn)為一定要多設(shè)計(jì)，多練習(xí)，多寫(xiě)代碼，技術(shù)才能融會(huì)貫通。才能運(yùn)用的得心應(yīng)手。制作出來(lái)的作品才會(huì)讓人眼前一亮。