這個範例透過主版頁面實作整個網站的共用功能，這些功能可以分成兩個部份，包含「頁首的功能網頁連結」與「邊欄的選單」，由於所有的網頁均套用了此主版頁面，因此使用者可以在任何一個網頁使用這些功能。
這個範例透過主版頁面實作整個網站的共用功能，這些功能可以分成兩個部份，包含「頁首的功能網頁連結」與「邊欄的選單」，由於所有的網頁均套用了此主版頁面，因此使用者可以在任何一個網頁使用這些功能。先來看看頁首的部份，這個部份除了「藍海文化」的標誌之外，其中包含三個連結與一個書籍查詢功能，內容如下頁圖示：
最左邊的「首頁」會連結至網站的預設頁，也就是本系列文章一開始列舉說明的畫面。而「意見回函」連結至使用者意見收集網頁，按一下會切換至以下左邊的網頁，其中包含各種資料輸入欄位，於其中輸入姓名以及電子郵件，然後輸入所要反映的「主旨」以及「意見內容」，按一下「傳送」按鈕，就可以將各種想要發表的意見，傳送至「藍海文化」網站。最右邊的「關於藍海」連結，按一下會連結至公司簡介的相關說明頁，其中顯示各種說明文字簡介，如以下右圖。
頁首的最右邊是一個搜尋文字方塊，於其中輸入關鍵字，它會將此關鍵字與資料庫中的書籍資料進行比對，如果「編號/ 書名/ 作者」任何一項出現包含關鍵字的內容，這本書籍的資料就會顯示出來。以下是筆者輸入「經濟」這兩個關鍵字之後，按下「查詢」按鈕，所顯示的查詢結果，其中顯示書名中有「經濟」這兩個關鍵字的書籍資料。
讀者可以自行輸入各種關鍵字，例如作者的姓名，或是書籍編號，符合條件的書籍資料會被搜尋出來。從相關功能的操作過程中，讀者可以看到，無論是公司簡介、讀者意見回函或是書籍搜尋網頁，除了中間網頁主體的部份，都有共同的外觀，這是因為所有的網頁均套用了共同版面的結果。
下一篇我們進一步來看看邊欄部份的功能。
