設計頁面配置 design-page-layout

使用「建立新頁面配置」程式下提供的步驟建立「章節」頁面配置。

系統會建立一個空白的章節頁面版面配置，並新增至「頁面版面配置」下方。

依預設，當您建立頁面版面配置時，也會開啟該版面以進行編輯。 下列熒幕擷圖顯示空白（預設）頁面配置：

{width="300"}

根據預設，會建立範本中的頁首、頁尾和內容區域。 您可以使用使用者介面中提供的頁面屬性、內容屬性和各種工具（例如插入影像、欄位等），輕鬆自訂這些區域。

將滑鼠游標暫留在 章節 配置，然後按一下 選項 以顯示前後關聯功能表。

按一下或將滑鼠游標停留在 新增版面變體 並選擇要建立的頁面版面配置（「第一」、「左」或「右」）。

開啟編輯所需的版面配置。

在右側面板中，按一下 頁面屬性.

在 頁面大小 下拉式清單，選取 自訂.

「頁面寬度」和「頁面高度」欄位隨即顯示。

在中輸入所需的頁面維度 頁面寬度 和 頁面高度 欄位。

建立具有橫向的頁面配置。

變更 檢視旋轉 屬性以在90度內轉譯內容。

建立自訂樣式以使用新的頁面配置。

在表格的outputclass定義中新增樣式，以呈現橫向頁面配置。

建立具有橫向的頁面配置。

1. 使用「建立新版面配置」程式中提供的步驟，建立「橫向」版面配置。

2. 在右側面板中，按一下 頁面屬性.

   {width="300"}

3. 變更 方向 至 橫向.

變更「檢視旋轉」屬性，以順時針90°方向呈現內容。

1. 選取 順時針90° 從「檢視旋轉」下拉式清單中。

{width="300"}

1. 按一下 全部儲存 以儲存更新的頁面配置屬性。

建立自訂樣式以使用新的頁面配置。

1. 展開左側邊欄，然後按兩下您要建立樣式的範本。

2. 展開樣式表區段。

3. 將滑鼠懸停在配置樣式表上，然後按一下(選項 圖示) …並選擇「編輯」。

   會開啟配置樣式表以進行編輯。

4. 按一下右鍵 其他樣式 並選擇 新樣式.

   {width="300"}

5. 在「新增樣式」彈出式視窗中，輸入 橫向樣式 在 類別名稱.

   {width="400"}

6. 按一下​ 「完成」。

   名為的新樣式 .landscape-style 即建立並新增至「其他樣式」清單的末尾。

7. 按兩下 .landscape-style 樣式以開啟它進行編輯。

8. 展開 分頁 屬性。

9. 輸入 Landscape 在 頁面配置 屬性。

   {width="500"}

10. 按一下 全部儲存 以儲存更新的樣式屬性。

將樣式新增至 outputclass 我們要以橫向頁面配置呈現之表格的定義。

1. 在DITA檔案編輯器中，開啟要套用新頁面配置圖的檔案。

2. 尋找 <table> 元素，將以橫向模式呈現。

3. 在階層連結中，按一下表格元素以選取表格。

   {width="400"}

4. 在右側面板中，按一下並開啟「內容屬性」面板。

5. 在「內容屬性」面板中，新增 outputclass 屬性，具有 橫向樣式 做為屬性值。

   {width="300"}

按一下 全部儲存 以儲存更新的檔案。

產生PDF輸出。

開啟編輯所需的版面配置。

按一下內容區域中的任意位置。

在右側面板中，按一下 頁面屬性.

展開 背景 區段。

按一下 影像路徑 位置欄位。

瀏覽並選取要做為背景影像的影像。

影像會插入並復寫以涵蓋整個頁面。

調整高度和寬度屬性以變更影像大小。

設定其他屬性，調整背景影像的顯示方式。

• 背景重複 ：指定您是否希望背景重複。

• 背景位置 ：指定頁面上背景影像的位置。

開啟編輯所需的版面配置。

在右側面板中，按一下 頁面屬性.

展開 版面 區段。

按一下旁的鎖定圖示 邊距 屬性。

若要變更標頭大小，請在「上邊界」欄位中輸入所需值。

若要變更頁尾大小，請在「下邊界」欄位中輸入所需值。

按一下「編輯標題」 ( {width="25"})圖示將游標移至標頭區域。

或者，按一下標頭區域內部。

若要新增影像，請選擇下列任一方法：

按一下 插入影像 ( {width="25"})圖示；在 選取路徑 快顯視窗，瀏覽至影像位置並按一下 選取 以將其插入頁首區域。

將影像從「資源」資料夾拖放至標頭區域。

開啟編輯所需的版面配置。

按一下 編輯頁尾 ( )圖示將游標移至頁尾區域。

或者，在頁尾區域內部按一下。

按一下「 」以插入段落元素 插入HTML元素 ( {width="25"})圖示，並從元素清單中選取「段落」 。

按一下 插入欄位 ( )圖示。

「欄位」快顯視窗隨即出現。

選取 頁碼 類別從「欄位」清單中， default(1) 頁碼格式，然後按一下 插入.

{width="400"}

預設頁碼欄位會插入頁面配置的頁尾區域中。

{width="400"}

最上方的階層連結列出儲存資訊的元素。

在頁碼欄位後輸入空白字元，然後按一下 插入欄位 圖示。

選取 章節標題 類別從「欄位」清單中， 章節標題 格式，然後按一下 插入.

此 章節標題 欄位（在發佈時填入章節標題）會插入頁尾區域。 此時，頁碼和章節標題欄位會以空格分隔。

{width="400"}

若要以右對齊章節標題，請執行下列步驟：

1. 按一下階層連結上的「欄位」元素，以選取「章節標題」欄位。

2. 在右側面板中，按一下 內容屬性 ( {width="25"})圖示。

3. 展開 版面 屬性區段，並設定 浮點數 屬性值至 右.

   {width="400"}

   「章節標題」欄位會朝頁尾右側對齊。
   {width="500"}

開啟編輯所需的版面配置。

將游標置於頁面配置的內容區域中。

按一下章節目錄( )圖示。

預設章節TOC會插入內容區域中。

{width="400"}

開啟「內容屬性」面板以自訂目錄標題層級。

例如，如果您想從「標題2」開始，請將第一個下拉式清單變更為從「標題2」開始。

{width="400"}

同樣地，如果您想要將標題上調到第5級，則將第二個下拉式清單變更為5。 更新的目錄如下所示：

{width="400"}

開啟編輯所需的版面配置。

將多欄版面配置套用至內容（不包括頁首和頁尾區域）時，您需要在階層連結中選取內容元素。

選取內容階層連結後，「內容屬性」面板會顯示「多欄」的屬性。

{width="400"}

使用多欄屬性來自訂多欄頁面配置：

• 欄數： 指定要分割頁面的欄數。 使用向上和向下箭頭圖示，或輸入數字來設定欄數。

• 欄寬： 在多欄配置中指定欄的寬度。 依預設，大小是以畫素(px)設定，您也可以以pt、rem、em、%或單位指定。

  note note
  NOTE
  如果您未指定大小，則會統一分割欄以符合指定頁面。 在大多數情況下，您不需要指定此值。

• 欄間隔 ：指定個別欄之間的間距。

• 欄範圍 ：如果您希望頁面配置中的任何元素能跨越欄，則您需要使用此屬性。 這是透過使用樣式表修改所需元素的樣式來實現的。 .

在版面配置中，如果您希望某個文字出現在所有章節版面的第一頁，則可以將其新增到章節版面配置的第一頁變體。

如下列範例所示，標題文字的「跨欄屬性」設定為「全部」。 這樣可確保即使檔案是多欄的，標題也會跨欄。

{width="400"}

• 欄填滿 ：指定內容如何填寫欄。 依預設，其設定為「平衡」，會以相等的內容量填滿每個欄。

• 欄規則 ：如果您想要在欄之間加入直線，請使用此屬性來定義直線或線條樣式。 指定「樣式」、「顏色」和「寬度」的值，在欄之間新增直線。