早年很多人以為網站就是由Dreamweaver這套軟體所做出來的產物，事實上Dreamweaver只是Adobe旗下的專門用來做網站的軟體，最基本的網站是由HTML+CSS所組成，而HTML和CSS則是一種程式則是一種程式碼，任何可以寫程式碼的工具，都能用來寫出一個網站，以下介紹包括Dreamweaver在內較常使用的做網站軟體。
內容索引
HTML+CSS程式編輯軟體
新手做網站，大家都推Adobe Dreamweaver？
因為「新手」、「做網站」，兩個關鍵字組合起來，要新手寫程式是困難的事，而Adobe Dreamweaver把網站製作整合成圖形化的編排介面，使用點選、編排的方式製作你的網站元素，再透過勾選、輸入的方式來編排CSS，對於新手入門會比直接編寫HTML及CSS程式來得簡單上許多，但畢竟是「網站」製作，並不是簡單的Word文件編排，想做出想要的網站，還是得經過學習後網站的特性、及CSS的功用後⋯⋯才能得心應手的編排網站，但對於新手來說入門門檻較低、介面友善。
FontPage
跟Dreamweaver同樣是圖形化的網站設計軟體，早年Dreamweaver風行之前，幾乎是網站設計的代名詞，後來這個地位被Dreamweaver取代，使用上更簡單、但因功能無法滿足更高的需求、幾乎沒有專業者採用。
Sublime Text3
這是裴瑞我自己最愛的網站製作工具，是一款純文字編輯器，由於沒有圖形化介面、因此必須透過程式編輯也就是俗稱Coding的方式來編寫網站的HTML+CSS，如果不只是臨時需求，而是將來有意願成為專職網站工作者的人，建議可以從程式編輯的方式學起，這樣才能真正掌控網站前端中的一切需求，透過程式編輯也更能了解每一行HTML與CSS的特性。
VSCODE （ Visual Studio Code ）
下載頁面
微軟所開發並提供的免費編輯器，功能強大、介面簡潔現代，推出時候很吸引裴瑞跳過去使用了一陣子，但因為習慣問題、加上那時剛推出，功能還不齊全，因此還是先回頭使用Sublime Text3，之後不排除還會再回去使用看看。
NetBeans IDE
下載頁面
裴瑞剛開始學習純程式開發的時候的第一款編輯器，是昇陽電腦所開發的軟體開發工具，一樣功能強大，甚至只比較網頁前端程式的開發部分，我覺得可能還比現在在用的Sublime Text3還好用，印象很深刻他內建的所寫即所得功能，大幅的加快了開發的速度與效率。
除了自己開發之外，也有線上設計網站的服務
第一部分介紹的工具都是要自己來做網站的開發，並且開發成為檔案後，還得綁定網址並上線到伺服器才能成為一個可以瀏覽的網站，另外有一種是線上的服務，直接可以在服務的平台中使用「簡單易用」的「圖形化介面」設計自己的網站，並且直接設計好發布就在線上了，如果是要速成，又不想浪費時間從頭學習網站開發的人，可以參考。
這邊列舉幾家常見的：
Wix
Weebly
網頁設計、圖片處理軟體
除了處理網站程式，架設網站之外，跟網站息息相關脫不了關係的，就是圖片，不管是初期的網頁設計、或是後續經營需要用到的文案、圖片、廣告行銷圖片，或多或少都會需要用到影像處理軟體，最常見的有這幾個
Adobe Photoshop
Windows和Mac跨平台最多人使用的影像處理軟體、不管是專業度、功能方面都強大沒話說，也是業界最多人採用的平面影響處理軟體，非常適合用來處理網頁圖片。
Adobe Illustrator
也是Windows和Mac都有的跨平台軟體，專業的向量處理軟體，但以跟網頁的契合度，Photoshop像素式的影像處理方式會跟網頁設計比較契合。
Sketch (Mac OSX Only)
有些使用Mac的的設計師會採用Sketch一款輕量級的UI設計工具，但建議如果是負責公司內部的設計案，且公司內部統一使用Sketch的話才使用Sketch，否則使用誇平台且最多人使用的Photoshop來設計還是比較安全的，不會遇到專案合作者無法開啟或不會使用Sketch的狀況。
FTP軟體
最後網站完成之後，你會需要一款可以上傳網站到主機伺服器的軟體，雖然FTP軟體百百款，但Perry唯一推薦FileZilla，不管是Windows或是Mac都有，且操作介面一致，簡單能上手。
FileZilla相關教學可以參考：Mac FTP使用教學 FileZilla (適用Windows)
網站製作：你也可以委託專業
除了上述的選擇之外，你還有不必這麼辛苦的選擇，又能打造更專業俐落的網站！那就是委託給網頁設計公司或是網頁設計工作室，像是作者黃裕二的網頁工作室也有接洽相關案件喔，有興趣者可先詢問時程，因為案件繁忙有時不一定可以馬上製作您的網站，歡迎來信了解。
