網頁設計技術不斷地推陳出新，因此撰寫網頁時，程式碼的複雜度也高出以往許多。若透過適當的工具來輔助設計網頁，不但事半功倍，也能降低系統出錯的機率，而WaveMaker就是一套為網頁設計人員所量身打造的網頁開發環境。
許多應用程式都會以事件驅動（Event Driven）的方式進行運作，但事件驅動方式並非一般應用程式所獨享的運作模式，以網頁方式呈現的軟體也可以使用此種動作模式與使用者進行互動。
WaveMaker也提供事件驅動方式的應用程式設計概念，使用者所進行的操作，將決定接下來會發生的動作為何。
舉例來說，使用者在畫面上按下一個按鈕，或是從選單中點選某一個項目，或者在編輯器元件中輸入資料，都會觸發一個或數個事件。應用程式將會依照事件的屬性而產生回應，例如進入一個新網頁，或是在資料庫內新增一筆資料等等。
由於WaveMaker本身也被視為是一種快速應用程式開發環境（RAD），因此在操作上與其他RAD工具有相當程度的雷同。許多RAD工具的操作方式都是先將元件拖曳至指定的位置，再設定元件的屬性，以決定此元件該如何進行運作，而WaveMaker也有相同的操作模式。
使用者執行WaveMaker並進行網頁開發的時候，在大部分情況下，都是先將元件拖放到畫布上（即決定元件位置的視窗），再設定該元件的屬性，以便決定此元件在實際使用時，將以何種行為模式進行操作。
以此種模式進行網頁設計，不但可以較快完成相關的設計工作，也能以較為直覺的方式設計網頁上的所有元件，並且指定這些元件所應進行處理的動作為何。
WaveMaker的Widget除了可以作為頁面設計的元件使用外，本身也提供一些函式讓其他元件透過Java Script直接呼叫，並用來擴充Widget的功能。
 |
| ▲ 需要瀏覽網頁原始碼時，切換至WaveMake的原始碼檢視畫面，即可直接處理網頁的原始碼。 |
一般情況之下，大多數的網頁開發者可能不需要動用這些功能，因為WaveMaker本身所提供的Widget已經足以應付大多數的使用環境。但如果希望設計更加複雜的網頁，或許便有必要使用這些進階功能。
WaveMaker主要是以拖曳、置放的方式進行網頁的設計，許多功能也都可以直接以幾個滑鼠點擊動作加以完成。但以網頁設計而言，仍然有許多情況需要直接編輯程式原始碼，此時便可以使用WaveMaker的原始碼檢視功能，直接查詢或編輯網頁的原始碼。
無論是描述式語言（Script）、CSS，或是標準的HTML語法，都能在WaveMaker的原始碼檢視功能中直接進行閱讀或修改。
使用WaveMaker來設計網頁的時候，雖然在操作畫面中也能看到成果網頁的大致面貌，但因為這些畫面多半還會參雜一些程式設計相關的資料，因此畫面上看起來較為凌亂，也可能無法看出網頁畫面的實際呈現結果。
此時便可以使用WaveMaker的預覽功能，直接將目前編輯的網頁以瀏覽器叫出，並實際查看網頁的設計結果是否符合個人需求。
結語
以網站的方式呈現公司相關資訊，已經是行之有年的基本行銷方式。由於網頁的設計方式各有不同，加上客戶的需求益加嚴苛，以及各種網頁設計技術的推陳出新等種種因素，在在都加重了網頁設計人員的工作負荷。
如果仍然以傳統的方式進行網頁設計，不但容易發生錯誤，也無法以最有效率的方式設計出客戶所需要的網頁。
WaveMaker的出現，讓網頁設計者也能以較為輕鬆的方式進行網頁開發，讓工時有效縮短，並且減少在設計過程中發生問題的機率。
雖然WaveMaker已經可以大幅降低網頁設計者的負荷，但如果要徹底了解WaveMaker的使用方式，可能還是需要花費一些時間研究WaveMaker的操作方法，才能讓WaveMaker的強大功能完全發揮。
WaveMaker的官方網站已經提供相當完整的說明文件與相關資料，幫助網頁設計者更快享受到WaveMaker所帶來的幫助。
WaveMaker的文件位於「http://dev.wavemaker.com/wiki/bin/wmdoc_6.4/WebHome」，資料相當齊全。如果再搭配官網所提供的示範影片（http://www.wavemaker.com/product/screencasts.html）進行學習，相信大多數人都能在短時間之內學會WaveMaker的操作方法，進而享受WaveMaker所帶來的種種好處。