WYSIWYG編輯器
WYSIWYG編輯器就是「所見即所得」的編輯工具：編輯時畫面上看到什麼，最後輸出的結果就是什麼。它最大的好處是直觀、好操作，沒有寫程式背景的人也用得來。常見的有Adobe Dreamweaver、Microsoft FrontPage（已停產），以及Wix、Squarespace這類線上架站平台。
優點
- 直觀操作：透過圖形化介面直接拖放元素、調整樣式，改了馬上就看得到效果，不用寫任何程式碼。
- 快速上手：不必先學HTML、CSS這些網頁技術，初學者很快就能做出基本的網頁。
- 即時預覽：可以邊改邊看網頁效果，調整起來方便，省下反覆修改、測試的時間。
- 內建範本：多數WYSIWYG編輯器都附有不少範本和外掛，直接套用，就能做出外觀還算專業的網站。
缺點
- 靈活性不足：功能和範本都是事先設計好的，想做高度客製化的設計時，常常會被綁住。
- 程式碼品質：自動產生的程式碼通常不夠精簡，容易夾帶多餘的標籤和樣式，拖慢網頁效能，也不利於SEO（搜尋引擎優化）。
- 學習曲線：入門雖然快，但想摸熟進階功能，還是得花時間學、多加練習。
手動編碼
手動編碼就是直接動手寫HTML、CSS、JavaScript等程式碼來建立和設計網頁。這種做法門檻比較高，但換來的是最大的彈性和控制權。常用的工具有Visual Studio Code、Sublime Text、Atom這些文字編輯器。
優點
- 高度靈活性：網頁的每個細節都能自己掌控，想做多客製化的設計和功能都做得到。
- 程式碼品質：手寫的程式碼可以更精簡、結構更清楚，對網頁效能和SEO效果都有幫助。
- 學習和成長：在寫程式的過程中，會慢慢理解網頁技術背後的原理和運作方式，技術能力和解決問題的能力也會跟著提升。
- 無限制擴展：不受工具和範本綁手綁腳，可以自由搭配Bootstrap、React等第三方函式庫和框架，做出複雜的互動效果和功能。
缺點
- 學習曲線陡峭：HTML、CSS、JavaScript好幾種技術都得學，對初學者來說，入門門檻不低。
- 耗時費力：要寫的程式碼量很大，網站規模一大、功能一複雜，開發時間就會拉得很長。
- 即時預覽困難：寫的時候得在編輯器和瀏覽器之間來回切換預覽、測試，效率相對差一些。
比較與選擇
要選WYSIWYG編輯器還是手動編碼，看的是實際需求和使用者本身的技術程度。如果是初學者，或只是想快速架一個基本網站，WYSIWYG編輯器會比較合適：操作介面直觀、範本又多，很快就能上手，把基本的網頁做出來。
反過來說，如果是要做高度客製化設計、在意程式碼品質和效能的專業開發者，手動編碼會更理想。自己寫程式碼，網頁的每個細節都能掌控，想要的設計和功能都做得出來，產出的程式碼也更精簡、更有效率。
另外，開發工具和框架這些年也一直在改進，用起來越來越順手。像Visual Studio Code這類現代編輯器有大量外掛和擴充功能，能自動補全程式碼、即時標出錯誤，甚至支援即時預覽，手動編碼的效率因此提高了不少。
選工具之前，先想清楚網站要承擔什麼任務：單純展示資訊，用編輯器就能快速完成；若重視載入速度、SEO與日後擴充，手寫程式碼的彈性會更有優勢。企業在尋找網頁設計公司推薦時，不妨請高雄網頁設計公司說明採用的開發方式與後續維護做法，再評估是否符合自己的需求。