一般用什麼軟體來設計網站的頁面？

題主問的應該是：對網站頁面的 UI 進行設計，不是代碼設計。

1. 首先得有個布局草稿……
   一般獨立設計師/studio么，你可以不用軟體直接手繪，客戶能看懂並接受就行

   大互聯網企業的話一般交互/PM會用界面原型設計軟體來做這個低/高保真原型，然後交給視覺設計師去做

2. 做視覺樣稿
   這個階段用的比較多的是PS
   當然沒這麼絕對，也有用firework的，正好前端時間去日本名古屋一家大手網頁公司訪問，發現統一用FW的好稀罕orz。有些素材/部件，你在其它軟體里做好再丟到ps里也都行，但目前的網頁以後還是主要精確到像素的（屏幕精度的緣故），所以這個階段輸出一般還是PS為主。
   個別極簡風格的網站，尤其個人網站，作者功底好的話跳過這一部直接進入第三步寫CSS也是可以的。

   不過未來隨著屏幕PPI的提升，網頁將逐漸不需要像素對齊，遲早會出現矢量和點陣圖交叉使用的情況，到時候可能會有其他新的工具出現，也有可能是直接PS改進了繼續用PS

3. 做CSS
   這裡的軟體選擇就很多了。你可以用功能齊全又著名的dreamweaver，也可以用專門的網頁源代碼編輯軟體，也有很細化的專門用來管理/編輯CSS的軟體，如果你要求不高/水平足夠，直接用文本編輯器也行（比如windows自帶的記事本）。不過不知道你說的「設計」是不是不包括coding？因為很多人不把前端當做「設計」

Mockplus

這是一款基於桌面的用戶體驗工具， 可快速實現移動、Web及桌面應用原型設計 。憑藉著出色的易用性，用戶無需憑藉編程知識即可快速上手。Mockplus擁有良好的所見即所得功能， 例如大家熟悉的彈出菜單交互，3步即可實現：拖一個彈出菜單組件和一個按鈕到畫布，之後拖拽按鈕的鏈接點到彈出菜單，然後運行演示。 總而言之，Mockplus是一款價格便宜且能夠快速建立交互原型的出色工具。 此外，該產品還有個姊妹產品，Chainco，可專門導入UI視覺圖交互演示，簡單好用，可以試試。