建立網頁範本

顯示說明文件
您可以利用網頁範本來定義網站的外觀與操作方式。當使用網頁範本時,您可以利用網頁範本來定義會出現在所有頁面的佈置和元件。

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

        選用區中的網頁範本抽屜

      2. 將內容區域元件拖放在頁面中。
      3. 當出現提示時,請指定內容區域的名稱,按一下確定
      4. 您可以選擇性地在內容區域中新增預設內容,或內容區域應該做什麼的指示,如「在這裡插入標題」。
    9. 選擇檔案 > 儲存,再選取用來儲存範本檔的資料夾。現在,您已準備好利用網頁範本來建立其他新頁面。
  2. 要從現有的檔案建立網頁範本,請執行下列動作:
    1. 在 Page Designer 中,開啟您要當作網頁範本的現有 HTML 或 JSP 檔。
    2. 請務必將內容區域插入網頁中的適當位置。如果要建立內容區域,請開啟選用區中的網頁範本抽屜,將內容區域拖放到頁面中,再將內容加入內容區域中。
    3. 選擇檔案 > 另存網頁範本
相關概念
網頁範本
巢狀網頁範本
相關工作
佈置含有表格的網頁範本
從網頁範本產生網頁
在網頁中套用或取代網頁範本
將網頁範本套用至網站
將內容新增至網頁範本中
建立巢狀網頁範本
使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.