練習 1.5:將網頁範本套用在網站上

顯示說明文件

您必須先完成練習 1.4:設計網站的外觀和操作方式,才能將網頁範本套用在網站上。

您既已有了若干如何利用網頁範本來佈置網頁的初步設計決策,現在,您必須將範本套用在網站網頁中。 將範本套用在個別網頁之後,範本中的每項變更都會出現在每個網頁中。

  1. 按兩下「專案導覽器」視圖中的網站導覽來返回您的網站結構。
  2. 點按拖曳指標來建立含括整個網頁圖示周圍區域的選擇框,以全選四個網頁圖示。在框內的所有圖示都是所選的項目。
  3. 按一下滑鼠右鍵來選取網頁範本 > 套用範本。這時會開啟「套用網頁範本」精靈。
  4. 按一下使用者定義的網頁範本圓鈕。 如果您沒有建立自己的範本,您可以使用所提供的範例網頁範本之一。
  5. 縮圖顯示畫面中選取您的範本,再按下一步
  6. 由於網站網頁目前還沒有包含任何內容,如何將網頁元素對映範本內容區域並不重要,因此,您可以接受預設值,再按下一步。 如果範本要套用的網頁還沒有任何內容,您可以選取特定網頁作為範例網頁,將現有的元素對映到範本內容區域。 請進一步學習對映內容區域。
    附註:雖然您只建立了一個名稱為 bodyarea 的內容區, 但您可能會發現名稱為 headarea 的第二個內容區;依預設,headarea 會包括在網頁範本中。
  7. 同樣地,您可以按下一步來接受對映預設值。 這些選項用來控制網頁中任何現有的內容要如何放在範本的內容區域中。
  8. 確定四個網頁都出現在要套用網頁範本的網頁框中,且四個網頁都已選取。 請注意,在精靈的這個網頁中,您可以驗證範本的應用程式來確認使用範本不會在網頁中產生任何標記錯誤。
  9. 按一下完成。 這時範本會套用到網頁中,且會用藍色條紋更新網頁圖示來反映每個網頁都已有相關的範本。
    套用了範本的網站導覽

  10. 儲存網站導覽。

現在,您已將網頁範本套用在網站上,來控制網站的外觀與操作方式。 當您決定要變更網站的網頁佈置和顏色設計,且您想要新增會出現在網站所有網頁中的直欄元素時,您只需要編輯這個單一網頁範本就行了。 現在,網站的個別網頁已套用了範本,您每次儲存範本檔時,都會將範本中的變更套用在網頁中。 請進一步學習套用網頁範本的其他方式。

現在,您已準備好開始練習 1.6:實現網站的動態導覽

使用條款 | 讀者意見

(C) Copyright IBM Corporation 1999, 2004. All Rights Reserved.