在網頁中套用或取代網頁範本

您可以使用沒有連接網頁範本的現有頁面,並在這個頁面上套用某個網頁範本。您也可以將網頁範本放在目前連接不同網頁範本的頁面上。

必備條件
  1. 建立 Web 專案。
  2. 建立網頁。

如果要套用網頁範本或取代現有的頁面範本,請執行下列動作:

  1. 在 Page Designer 中開啟頁面。
  2. 從主功能表中,按一下頁面 > 網頁範本。之後,再選擇下列功能表選項之一:
    • 套用範本 - 如果您在編輯沒有連接網頁範本的頁面,且您要在這個頁面上套用某個網頁範本,請選取這個選項。這時會出現「套用網頁範本」精靈。
    • 取代範本 - 如果您在編輯已連接網頁範本的頁面,且您要將這個網頁範本改成另一個範本,請選取這個選項。這時會出現「取代網頁範本」精靈。
  3. 選取範例網頁範本使用者定義的網頁範本作為您要使用的範本種類。 您的範本選項會受限於您在建立的頁面類型。 比方說,如果您在建立 HTML 頁面,便只能使用 HTML 範本 (.htpl),但如果您在建立 JSP 或 Faces JSP 頁面,就能使用 HTML 和 JSP (.jtpl) 兩種網頁範本。
    1. 如果您選取範例網頁範本,請從「縮圖」清單中選取一個範本。 這時範例複本會被新增至您的專案中,且會成為基礎網頁範本。
    2. 如果您選取使用者定義的網頁範本, 請從「縮圖」清單中選取範本;如果範本放在其他專案中或放在檔案系統上,請瀏覽至範本位置。
  4. 下一步
  5. 如果您選擇套用範本,請在精靈的將頁面元素對映至網頁範本頁面中,指定網頁範本應如何顯示頁面內容: 內容區域的來源定義在網頁範本內容區域清單中。 您在上一精靈頁面中選取的網頁元素會顯示在頁面元素清單中。 當您將網頁範本套用在現有的網頁上,網頁範本就像放在現有頁面上的頁面,內容區域就像顯示原始頁面內容的視窗。 您藉由這項對映來定義原始頁面的什麼內容應該顯示在哪個內容區域中。
    1. 在網頁範本內容區域清單中, 選取要對映至頁面元素的內容區域。
    2. 請在頁面元素清單中,選取內容區域所要對映的元素。
    3. 之後,再按一下對映按鈕。每個內容區域都要執行這個動作。

      這會建立網頁範本中的內容區域與網頁中的元素之關聯。 比方說,如果您選取某個範例網頁範本,就會預先定義 headarea 和 bodyarea 內容區域。 您可以選取 headarea 內容區域,再建立它與 HEAD(前後 HEAD 標示之間的任何東西)的關聯。 網頁範本中所定義的任何 headarea 內容區域屬性,都會套用在現有網頁的 HEAD 區域上。 在套用範本之後,預覽框會顯示現行頁面和頁面將呈現的外觀預覽。 如果原始頁面的某個區域未對映至內容區域,在套用範本之後,它就不會包括在頁面中。

    4. 如果要移除對映,請在頁面元素清單中選取元素,再按一下取消對映按鈕。
  6. 如果您選擇取代範本,請指定現行內容區域名稱新目標內容區域名稱之間的對映。 請按一下新目標內容區域名稱中的名稱來進行變更。 這時會顯示含現行範本及被取代範本的頁面預覽。
  7. 按一下完成,將範本變更套用在頁面上。
現在,您可以在 Page Designer 中進行頁面內容區域的任何其他變更。內容區域以外的區域由網頁範本來定義,只能在網頁範本中進行變更。您可以按兩下這些區域來開啟網頁範本。頁面會自動更新網頁範本的任何變更。
限制: 使用任一網頁範本精靈時,有數種情況會使網頁範本無法套用在網頁:
  • 網頁的編碼與所選網頁範本的編碼不同。
  • 所選網頁範本或網頁由「XML 樣式 JSP」說明。
  • 網頁已有相關聯的網頁範本。
註: 內容區域的內容可由內容區域在範本中的定義位置來加以限制。 建議您不要將內容區域定義在 <P> 或 <SPAN> 標示內,因為這會使您在格式化文字時,或從使用範本的頁面中將樣式新增至內容區域時發生問題。 比方說,如果內容區域定義在 <P> 標示內,您便無法將內容區域的文字改成 H1,如果內容區域是在 <FONT> 標示內,您將無法修改內容區域的字型內容。 如果您要將數種樣式或段落類型套用至內容區域,而且網頁範本要使用佈置的表格或自由佈置表,建議您將內容區域插入網頁範本的 <BODY> 標示內或在 <TD> 標示內。
相關概念
網頁範本
巢狀網頁範本
相關工作
建立網頁範本
佈置含有表格的網頁範本
從網頁範本產生網頁
將網頁範本套用至網站
將內容新增至網頁範本中
建立巢狀網頁範本
使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.