這篇開始，正式介紹示範用的入門網站範例，網站的功能可以切割為兩個部份，第一個部份是一般使用者可以瀏覽的功能網頁，主要提供書籍的瀏覽功能以及讀者意見回函調查，同時包含最新消息的顯示，另外一部份，是提供管理員所需的資料編輯功能，包含書籍資料的維護管理以及新聞的建立與維護，這一部份必須完成登入程序才能使用，因此，這個網站另外整合了ASP.NET 的會員驗證管理系統進行相關的權限控管，首頁的左上方即提供了登入的功能。
首頁是網站的入口畫面，列舉如右圖，我們可以看到這個畫面包含幾個不同的區塊。
首頁的上方配置了「藍海文化」網站的識別標誌以及書籍的搜尋功能，其中還包含了「首頁」、「意見回函」以及「關於藍海」等相關資訊頁的超連結。中間的左邊是功能導覽列，提供各種書籍資料網頁的導覽連結，而右邊則是網頁主體內容。
網頁主體部份又切割成為三個小區域，提供「藍海文化」網站的各種資訊，最上方是廣告橫幅，每次載入此網頁時，顯示的內容從幾個廣告檔裡面隨機動態取得，因此讀者重新瀏覽首頁的時候，會發現每一次所顯示的廣告並不相同。接下來中央的部份顯示最新的前五則最新消息，最下方則是列舉四本最新出版的圖書。首頁的最下方區塊，則是用來顯示「藍海文化」的相關說明資訊。
下圖表示構成首頁的切割區塊，其中深色的三個區塊是透過主版頁面進行實作，中間右方的網頁主體區塊，則提供其它網頁套用。另外，網頁各部份的區塊，則是透過div 標籤進行切割。網頁設計的部份，後續的系列文章做說明，下一篇開始逐一針對各項功能進行討論。
