您可以利用網頁範本來定義網站的外觀與操作方式。當使用網頁範本時,您可以利用網頁範本來定義會出現在所有頁面的佈置和元件。
必備條件:建立 Web 專案。
網頁範本不同於樣式表,不同之處在於網頁範本用來定義實際的頁面佈置,樣式表則用來控制頁面的外觀,如字型和顏色。
如果您變更了網頁範本,從這個網頁範本建立的頁面會自動更新。
您可利用兩種方式來建立網頁範本:
- 要建立全新的網頁範本,請執行下列動作:
- 在 Web 視景中,選取。 這時會開啟「新建網頁範本檔」精靈。
- 將檔案命名,選取檔案的資料夾。
- 在標記語言欄位中,選擇 HTML 或 XHTML 作為標記語言。
- 在模型欄位中,選擇一個範本模型。
請根據範本的使用位置,選擇建立含有 HTML、JSP 或 Faces 元件的空白範本。比方說,您可以從 JSP 範本 (.jtpl) 建立 HTML、JSP 或 Faces JSP 頁面,但只能從 HTML 範本 (.htpl) 建立 HTML 頁面。
- 如果您要進一步修正範本(如新增標示庫或樣式表資訊),請選取配置進階選項勾選框。
- 按一下完成。這時會建立新的網頁範本,完成編輯準備。
- 將元素新增至新建的網頁範本中。共用區域是使用範本的每個頁面中所顯示的範本部分。
依預設,整個範本是一個共用區域;當您新增內容區域時,共用區域就是內容區域的週邊區域。
您可以利用多種方式,將元素新增至頁面的共用區域中:
- 直接在頁面中輸入文字,再依照需要變更屬性。
- 拖放選用區中的元件。選用區中的選項會隨著您建立的網頁範本種類而不同。比方說,如果您建立了 Faces 元件網頁範本,您可以拖放選用區 Faces 元件抽屜中的元件。
- 開啟選用區中的網頁範本抽屜,將某個頁面片段拖放在頁面中。
頁面片段可讓您併入另一檔案某頁面的一部分(類似 SSI 併入或 JSP 併入)。
頁面片段的變更也會立即套用在從範本建立的所有頁面上。
- 將內容區域新增至新建的網頁範本中。內容區域是頁面中的一個區段,稍後會在其中填入使用範本的頁面。
當您從範本建立頁面時,內容區域是可編輯的,共用區域則是固定的。
請注意,網頁範本必須包含至少一個內容區域。
如果要新增內容區域,請執行下列動作:
- 在選用區中開啟網頁範本抽屜。

- 將內容區域元件拖放在頁面中。
- 當出現提示時,請指定內容區域的名稱,按一下確定。
- 您可以選擇性地在內容區域中新增預設內容,或內容區域應該做什麼的指示,如「在這裡插入標題」。
- 選擇,再選取用來儲存範本檔的資料夾。現在,您已準備好利用網頁範本來建立其他新頁面。
- 要從現有的檔案建立網頁範本,請執行下列動作:
- 在 Page Designer 中,開啟您要當作網頁範本的現有 HTML 或 JSP 檔。
- 請務必將內容區域插入網頁中的適當位置。如果要建立內容區域,請開啟選用區中的網頁範本抽屜,將內容區域拖放到頁面中,再將內容加入內容區域中。
- 選擇。