1、建網站用到的工具有1DreamweaverDreamweaver集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具2FireworksorphotoshopAdobeFireworks是Adobe推出的一款網頁作圖軟。

2、PhotoImpact提供了多媒體時代專業影像設計者最直覺的創意空間最方便的制作工具及最寬廣的表達形式，整合了新時代的3D物件及文字特效與粒子效果壓力筆支援不同的自然筆觸各式直覺操作的特效圖庫以及網頁影像與辦公室文。

3、3Dreamweaver網頁制作軟件，該軟件已成為專業級網頁制作程序，支持HTMLCSSPHPJSP以及ASP等眾多腳本語言的語法著色顯示，同時提供了模板套用功能，支持一鍵式生成網頁框架功能是初學者或專業級網站開發人員必備之選擇工具。

4、Photoshop負責來完成網站內頁效果圖的制作，可以做圖修圖及對圖像色彩進行校正，圖像輸出與優化等DreamWeaver網頁設計師的標配，是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，重設計輕代碼所見即所得是初學的。

5、xd可以先學學ps如果你是mac系統，可以用sketch，這是一個專門的UI設計工具與bluelagoon配合使用時，不僅可以一鍵剪切和標記圖片，還可以生成代碼直接重用所以ps，sketch，xd，bluelagoon都是網頁設計必備的設計工具。

6、UI設計常用工具有Pixso協同設計Fireworks等，UI設計工具更推薦選擇Pixso協同設計Pixso是國內團隊研發的在線協同設計產品，適用于團隊項目，支持多人實時在一個鏈接中進行設計，僅需點開鏈接即可查看任務內容，使用過程十分方便。

7、DreamWeaver，這款軟件最常用最流行也最專業，DW現在是一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁Photoshop，簡稱PS，這款軟件不管是在。

8、HotDog是較早基于代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者制作頁面中的復雜部分HotDog的高級HTML支持插入marquee，并能在預覽模式中以正常速度觀看這點非常難得，因為即使首創這種標簽的Microsoft。