設計頁面配置 design-page-layout

建立PDF檔案時,您會有不同的區段來呈現不同型別的資訊。 例如,PDF檔案會從封面或封面開始,其中包含您公司的標誌、書名或版本資訊。 然後會有章節、附錄或字彙頁面。 PDF檔案中的每個區段看起來都不一樣,這是透過建立和自訂頁面版面配置來實現的。

當您設計頁面版面時,可以定義構成頁面的各種元素。 例如,您可以定義頁面大小、邊界、頁首與頁尾、方向及其他頁面規格。 原生PDF發佈功能可讓您根據頁面媒體標準設計頁面。 「頁面媒體」標準所涵蓋的大多數設定,都可使用原生PDF發佈功能的使用者介面輕鬆自訂。 對於某些其他進階層級格式,您可以使用Source檢視來撰寫您自己的CSS程式碼。

設計完版面配置後,您需要將這些版面配置與「PDF版面配置」設定中各自的區段相關聯。 請參閱建立和自訂頁面配置區段,以取得有關如何建立和開啟自訂頁面配置的詳細資訊。

版面配置型別 types-of-page-layout

PDF檔案通常包含下列區段:

  • 封面
  • 目錄
  • 圖例提升度
  • 表格提升度
  • 章節或主題頁面
  • 字彙表
  • 索引
  • 後頁

這些區段需要對應的版面配置,才能以特定格式呈現資訊。 此外,您也可以有一個空白頁面,用來作為從奇數或偶數頁開始新章節的填充字元。 在這種情況下,您可以使用預設版面配置或建立空白頁面的版面配置。 如需詳細資訊,請參閱建立新的頁面配置

在​ 範本>設定 ​區段下的「版面配置」設定可讓您定義要用於PDF中不同區段的版面配置。 每個版面配置可進一步有不同的第一、右或左頁面變體。

建立第一個、右側或左側頁面配置變體 page-layout-variants

您的PDF範本中可藉由不同的第一、右或左版面配置變體來進一步自訂不同的版面配置。 您可以使用版面配置設計工具以不同方式設計這些頁面。

NOTE
如果您想要在書冊中為節建立單一版面配置,則不需要建立「第一」、「右」或「左」版面配置。

建立頁面配置圖時,請考量下列幾點:

NOTE
以下幾點以章節頁面配置為例。 不過,這些點對於其他版面配置也有效。
  • 如果您想要針對章節內的所有頁面使用單一頁面配置,則您只會建立單一章節頁面配置,而不會有任何變體。

  • 如果您想要讓書冊中章節的第一頁有不同的外觀和風格,則需要為章節建立第一頁版面配置變體。

  • 如果您想要讓書冊的每個左右頁都有不同的外觀和風格,則需要為章節頁面版面配置建立左右兩邊的變體。

  • 如果您希望章節從奇數或偶數頁開始,則可以選擇為空白頁面建立版面配置。 此頁面配置可用來填滿兩個章節之間的間隙,以確保章節從所需的奇數或偶數頁面開始。

    note note
    NOTE
    如果您沒有建立個別的空白頁面配置,則會使用預設的頁面配置。 若要建立版面配置,請參閱建立新的版面配置

下列範例將引導您逐步建立頁面配置的變體:

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

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

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

    {width="300"}

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

    note note
    NOTE
    如需進階設定,您可以使用Source檢視並新增自訂HTML和CSS程式碼。
  2. 將滑鼠游標停留在​ Chapter ​版面配置上,然後按一下​ 選項 ​以顯示內容功能表。

  3. 按一下或將滑鼠停留在​ 新增版面變體 ​上,然後選擇您要建立的所需頁面版面(第一個、左側或右側)。

所選頁面配置是使用基本章節配置的副本來建立。 這表示如果您對預設章節頁面配置進行變更,則在建立頁面配置時,相同的變更會複製到變體頁面配置中。

使用頁面配置的頁面屬性 page-props-page-layout

在設計頁面配置時,必須控制各種頁面屬性。 原生PDF發佈功能會封裝「頁面屬性」面板下的所有主要頁面屬性。 「頁面屬性」面板提供下列區段底下各種屬性的存取權:

NOTE
「頁面屬性」面板會封裝屬性,並遵循頁面媒體標準下定義的規則。
  • 頁面大小 :指定您要用於頁面配置的頁面大小。 「頁面大小」下拉式清單可讓您從15種以上的頁面大小中選擇。 您也可以使用自訂頁面大小來建立頁面配置,請參閱設定頁面大小以取得詳細資訊。

  • 方向 :指定用於版面配置的頁面方向。 您可以選擇「直向」或「橫向」頁面方向。 請注意,您可以選擇在版面配置中將不同的定向套用至不同的頁面變體。 例如,如果您的內容包含寬表格或大型影像,您可以建立橫向頁面版面,並將該版面套用至較寬的表格或影像。

  • 檢視旋轉 :指定旋轉後顯示原始頂邊的邊或方向。 您可以選擇「順時針90」、「逆時針90」或「逆時針180度」。 當您想要在輸出中使用直向和橫向配置組合時,這會非常有用。 例如,您可以使用直向作為一般頁面配置,也可以設定橫向頁面配置以呈現寬表格。 在此情況下,您可以設定為以90度順時針顯示表格內容。 如此一來,頁面會以橫向定向,內容會旋轉90度以維持檢視的連續性。 我們將在本節稍後的範例中看到此功能的實現方式。

  • 頁碼 :依預設,頁碼在PDF中是連續的。 例如,一個100頁的PDF可以有從1到100的連續頁碼。 您也可以從所有不同區段中的特定編號或區段的第一次出現重新開始編號。

    • ​重新啟動:指定此版面配置開始編號的頁碼。 例如,您可以將每個章節的頁碼設定為重新啟動。 在這種情況下,您需要在章節頁面配置的第一個頁面配置變體上,將重新啟動從屬性設定為1。 依預設,頁面編號會從上一頁繼續。

    • 僅套用至第一次發生次數:您也可以僅從特定數字開始處理第一次發生的區段。 例如,您只能從1開始第一個章節,然後繼續其他章節的頁碼。

  • 版面配置 :指定頁面邊界以及上、下、左、右邊框間距。 下圖說明如何在內容周圍呈現邊界、邊框間距和邊框。 請注意,頁面頂端和底部的邊界包含頁首和頁尾。

    {width="300"}

  • 背景 :加入影像或顏色作為頁面配置的背景。 對於影像,您可以指定影像的高度與寬度,以及重複與位置屬性。

  • 註腳 :指定要在輸出中顯示註腳的屬性。 您可以選擇指定邊界和邊框樣式之間的間距屬性。

設定頁面大小 set-page-size

在版面配置中,首先需要定義的就是頁面大小。 在「頁面屬性」中,超過15頁大小可供您為版面配置選擇。 您也可以執行下列步驟來建立自訂頁面大小:

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

    note note
    NOTE
    請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  2. 在右側面板中,按一下​ 頁面屬性

  3. 在​ 頁面大小 ​下拉式清單中,選取​ 自訂

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

  4. 在​ 頁面寬度 ​和​ 頁面高度 ​欄位中輸入所需的頁面尺寸。

    note note
    NOTE
    最常用的單位有畫素(px)、點(pt)、rem、em、百分比(percentage)和英吋(inches)。

使用頁面方向與檢視旋轉 page-orientation-rotation

讓我們來看看結合使用直向與橫向頁面方向以及檢視旋轉屬性的範例。 在此範例中,我們將建立具有預設縱向方向的PDF,但表格將以橫向呈現,內容為順時針90度檢視。 最終輸出將與以下內容類似:

{width="400"}

在上述輸出中,「連絡人清單」資訊以橫向模式呈現,內容也以90度旋轉。 其餘內容會以一般縱向模式顯示。

要達到這種輸出,我們需要執行以下主要工作:

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

  2. 變更​ 檢視旋轉 ​屬性,以在90°內轉譯內容。

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

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

請執行以下步驟以完成上述工作:

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

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

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

      {width="300"}

    3. 將​ 方向 ​變更為​ 橫向

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

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

    {width="300"}

    1. 按一下[儲存全部]​ ​儲存更新的頁面配置屬性。
  3. 建立自訂樣式以使用新的頁面配置。

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

    2. 展開樣式表區段。

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

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

    4. 在​ 其他樣式 ​上按一下滑鼠右鍵,然後選擇​ 新樣式

      {width="300"}

    5. 在[新增樣式]快顯視窗中,在​ classname ​中輸入​ 橫向樣式

      {width="400"}

    6. 按一下​ 「完成」

      名稱為.landscape-style的新樣式已建立並新增至[其他樣式]清單的結尾。

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

    8. 展開​ 分頁 ​屬性。

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

      {width="500"}

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

  4. 在您要以橫向頁面配置呈現之表格的outputclass定義中新增樣式。

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

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

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

      {width="400"}

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

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

      {width="300"}

  5. 按一下「全部儲存」 ​儲存更新的檔案。

  6. 產生PDF輸出。

最終PDF將以橫向模式呈現表格內容,如範例開頭所示。

新增背景影像 add-bg-image

根據您的需求,您可能會想要新增出現在章節(PDF)輸出每個第一頁的背景影像。 「頁面屬性」下的「背景」屬性可讓您輕鬆新增背景影像。 您可以選擇在頁面上複製此影像,並將影像放置在頁面頂端、底部或中心區域的任意位置。

例如,若要在內容區域的中央位置插入背景影像,請執行下列步驟:

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

    note note
    NOTE
    請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  2. 按一下內容區域中的任意位置。

  3. 在右側面板中,按一下​ 頁面屬性

  4. 展開​ 背景 ​區段。

  5. 按一下​ 影像路徑 ​位置欄位中的瀏覽按鈕。

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

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

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

    note note
    NOTE
    您可以輸入高度或寬度屬性,因為影像會自動縮放以維持外觀比例。
  8. 設定其他屬性,調整背景影像的顯示方式。

    • 背景重複 :指定是否要重複背景。

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

下列熒幕擷圖顯示Background Repeat屬性設定為​ no-repeat,Background Position屬性設定為​ center ​的背景影像。

{width="500"}

當您在版面配置中的頁首或頁尾中加入資訊時,該資訊會在使用該版面配置的所有頁面上重複。 通常,頁首區域用於章節或主題標題,頁尾區域用於顯示頁碼。

當您建立新版面配置時,依預設會建立頁首和頁尾區域。 您可以在版面配置的頁首與頁尾區域中進行許多自訂。 例如,您可以插入影像(如標誌)、變數(包含動態資訊)或靜態內容。

依預設,頁首與頁尾邊界設定為1英吋。 您可以變更「頁面屬性」面板中的「邊界」設定來變更此預設值。 執行以下步驟來變更頁首與頁尾大小:

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

    note note
    NOTE
    請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  2. 在右側面板中,按一下​ 頁面屬性

  3. 展開​ 配置 ​區段。

  4. 按一下​ 利潤 ​屬性旁的鎖定圖示。

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

    note note
    NOTE
    最常用的單位有畫素(px)、點(pt)、rem、em、百分比(percentage)和英吋(inches)。
  6. 若要變更頁尾大小,請在「下邊界」欄位中輸入所需值。

您可以將頁首和頁尾區域設計成包含多行。 若要這麼做,請使用「插入HTML元素」( {width="25"})圖示於頁首或頁尾區域。

開發人員園地 {width="25"}

如果您想要直接使用CSS和HTML程式碼,則可變更邊界值,如下列程式碼片段所示:

…

<meta name="page-style" content="size:A4 portrait;margin-top:3cm;margin-right:30pt;margin-bottom:1in;margin-left:90px;" />

…
NOTE
在上述範例中,使用不同的單位來指定邊界值。

頁首和頁尾覆蓋在頂端和底端邊界。 技術上,這表示如果您想要在版面配置中使用頁首與頁尾,您必須在上邊距與下邊距中保留所需的空間。

如果您不希望版面配置有頁首和頁尾,有兩種方式可達成此目的:

  • 如果要保留頂端和底端的邊界,請將頁首和頁尾區域保持空白。
  • 如果您不想保留頂端和底端的邊界(例如設計雜誌封面的正面和背面),您可以將頂端和底端的邊界屬性設定為0,移除邊界。 這樣頁首和頁尾就沒有空間。

在標題中新增影像或標誌 add-image-header

根據您的需求,您可能會想要新增出現在頁面配置頁首區域(或任何其他部分)的影像。 您可以在頁面版面配置中新增影像的方式有兩種:

  • 使用範本「資源」中的影像。
  • 在頁面配置編輯器中使用&lt;新增影像>工具。
NOTE
建議您使用「資源」資料夾來管理所有範本資產,例如影像或字型。

若要在標題區域中插入公司標誌之類的影像,請執行以下步驟:

  1. 開啟編輯所需的版面配置。
NOTE
請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  1. 按一下「編輯標題」 ( {width="25"})圖示將游標移至標頭區域。

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

  2. 若要新增影像,請選擇下列任一方法:

  3. 按一下​ 插入影像 (工具列中的 {width="25"})圖示;在​ 選取路徑 ​快顯視窗中,瀏覽至影像位置並按一下​ 選取,將其插入標頭區域。

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

下列熒幕擷圖顯示新增到標頭區域中的範例影像。

{width="500"}

插入影像之後,您可以修改其屬性,以提供您想要的外觀和感覺。 若要變更影像或頁面配置上任何其他元素的外觀,最簡單的方式是使用「內容屬性」面板。 請參閱使用內容屬性面板,以取得可透過UI自訂的各種屬性。

新增欄位和中繼資料 add-fields-metadata

當您要插入預先定義的資訊時,欄位非常有用。 例如,您可以在章節標題區域中包含「章節標題」欄位,以在發佈時取代為實際章節標題。

您可以插入頁面版面配置的欄位類別如下:

  • 中繼資料
  • 主題標題
  • 章節標題
  • 地圖示題
  • 頁碼
  • 章節編號
  • 總頁數
  • 日期
  • 時間

這些欄位類別都包含不同的變化,可在其中插入欄位資訊。 例如,日期欄位可以有不同的變數,例如YYYY-MM-DDMM/DD/YYMM/DD/YYYY等。 同樣地,頁碼可以有羅馬字、小數或甚至地區設定特定格式的變數,例如​ 阿拉伯文梵文希伯來文 ​等等。

除了預先定義的欄位之外,您也可以在頁面版面配置中將中繼資料資訊新增為變數或欄位。 此中繼資料儲存在您的來源DITA Map內容 ​中,或是可從DITA Map檔案屬性 ​或​ 主題檔案屬性 ​中擷取,並輕鬆插入您的頁面版面配置中。

您可以從下列選項中選取中繼資料:

  • 對應內容 ​包含您在DITA map的<topicmeta>元素中定義的中繼資料。
  • 對應檔案屬性 ​包含中繼資料,您可以從DITA map的​ 屬性 ​頁面存取該中繼資料。
  • 主題檔案屬性 ​包含中繼資料,您可以從主題的​ 屬性 ​頁面存取中繼資料。

您可以在單一檔案中合併​ 對應檔案屬性 ​和​ 主題檔案屬性 ​的中繼資料。 例如,您可以發佈一個PDF,其封面頁上的地圖示題和其他頁面標題中的主題標題。 若要這麼做,您可以從​ 對應檔案屬性 ​將對應標題中繼資料新增到封面版面配置。 然後,將主題標題中繼資料從​ 主題檔案屬性 ​新增到章節和主題頁面配置的標頭。

如果一個主題結束於頁面,而另一個主題開始於相同頁面,則會挑選第一個主題的中繼資料。 您也可以新增自訂屬性,然後將它們插入為頁面配置中的欄位。

NOTE
中繼資料欄位會根據您在​ ​下拉式清單中選擇的資產或地圖而顯示。

在下列範例中,我們將在版面配置的頁尾區域中插入頁碼和章節標題。

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

    note note
    NOTE
    請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  2. 按一下​ 編輯頁尾 ( )圖示,將游標移到頁尾區域。

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

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

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

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

  5. 從[欄位]清單中選取​ 頁碼 ​類別,從[格式]清單中選取​ 預設(1) ​頁碼格式,然後按一下[插入]​

    {width="400"}

    note note
    NOTE
    您也可以編輯所有欄位的格式,預設格式除外。 若要這麼做,請按一下您要編輯的格式旁的「編輯」圖示,進行變更,然後按一下「確定」。 如需詳細資訊,請參閱新增欄位和中繼資料

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

    {width="400"}

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

  6. 在頁碼欄位後面輸入空白字元,然後按一下​ 插入欄位 ​圖示。

  7. 從[欄位]清單選取​ 章節標題 ​類別,從[格式]清單選取​ 章節標題 ​格式,然後按一下[插入]。

    章節標題 ​欄位(在發佈時以章節標題填入)會插入頁尾區域。 此時,頁碼和章節標題欄位會以空格分隔。

    {width="400"}

  8. 若要以右對齊章節標題,請執行下列步驟:

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

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

    3. 展開​ 配置 ​屬性區段,並將​ 浮點數 ​屬性值設定為​ 右側

      {width="400"}

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

開發人員園地 {width="25"}

如果您想要直接使用CSS和HTML程式碼,您也可以前往頁面版面的Source檢視並在程式碼中進行變更來達成此目的。 下列程式碼片段顯示透過程式碼完成的相同頁尾設定:

…
<p>

<span data-field="page-number" data-format="default">1</span>

<span data-field="chapter-title" data-format="default" style="float: right">Chapter Title</span>

</p>
…

使用內容區域 content-area

就內容空間而言,內容區域是最大的區域。 內容區域會填入您的主題內容。 在某些特殊情況下,您可以在內容區域中新增樣版內容。 此內容會發佈在您頁面配置的指定位置。 例如,目錄、字彙表和索引中的標題可以新增為樣板內容,其會依原樣在最終輸出中發佈。 另一個範例是章節TOC,通常會在每個章節的第一個頁面上新增。

內容區域中最常用的自訂專案之一是多欄版面配置。 使用功能強大的頁面版面設計工具,您可以自訂特定頁面以在多個欄中呈現,同時將其他頁面中的內容保留在單一欄中。

以下幾節將介紹各種自訂內容區域的情境。

新增章節目錄 add-chapter-toc

章節目錄可作為快速參考,讓讀者瞭解章節內容。 通常,章節目錄會新增在章節的開頭。 因此,如果您想要使用章節目錄,則可以在主要章節頁面配置或章節的第一個頁面配置變體的內容區域中新增該目錄。

在下列範例中,我們會在章節的第一個版面配置中插入章節目錄:

NOTE
對於此程式,假設您已為章節頁面配置建立第一個頁面變體。 如需如何建立頁面變體的說明,請參閱建立第一個、右側或左側版面配置變體
  1. 開啟編輯所需的版面配置。

    note note
    NOTE
    請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  2. 將游標置於頁面配置的內容區域中。

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

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

    {width="400"}

    note note
    NOTE
    預設章節目錄包含標題1到4。 在此,標題1是章節標題本身。 因此,您可能不想在目錄中再次出現章節標題,或者您可能想在目錄中增加標題的層級。 您可以透過變更屬性來自訂目錄。
  4. 開啟「內容屬性」面板以自訂目錄標題層級。

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

    {width="400"}

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

    {width="400"}

    note note
    NOTE
    最終發佈的PDF將只會根據您章節中的內容顯示目錄專案。 如果章節中沒有層級5標題,則不會在最終輸出中顯示。

可使用樣式表自訂預設目錄的外觀和感覺。 以chaptoc-level-#開頭的樣式(例如chaptoc-level-1chaptoc-level-2等)是用來自訂章節TOC的樣式。

IMPORTANT
目前,如果您在樣式表中進行任何樣式更新,可能不會反映在內容預覽中。 不過,輸出會以更新的樣式呈現。

使用多欄頁面配置 multi-column-layout

多欄版面配置在出版雜誌或書籍索引中很常見。 原生PDF發佈功能可讓您輕鬆將檔案分割成多欄。 使用不同的頁面配置,您可以選擇只保留分割成多欄的特定區段,而保留單一欄(或一般)配置中的其他區段。

若要建立包含多欄的頁面版面配置,請執行下列步驟:

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

    note note
    NOTE
    請參閱自訂頁面配置區段,以開啟供自訂或編輯的頁面配置。
  2. 將多欄版面配置套用至內容(不包括頁首和頁尾區域)時,您需要在階層連結中選取內容元素。

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

    {width="400"}

  3. 使用多欄屬性來自訂多欄頁面配置:

    • 欄數: ​指定分頁的欄數。 使用向上和向下箭頭圖示,或輸入數字來設定欄數。

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

      note note
      NOTE
      如果您未指定大小,則會統一分割欄以符合指定頁面。 在大多數情況下,您不需要指定此值。
    • 資料行間隔 :指定個別資料行之間的間距。

    • 欄跨距 :如果您想要頁面配置上的任何元素跨欄,則需要使用此屬性。 這是透過使用樣式表修改所需元素的樣式來實現的。

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

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

    {width="400"}

    note important
    IMPORTANT
    您可以使用outputclass屬性,將「跨距欄」屬性套用至任何DITA元素。
    • 欄填滿 :指定內容填滿欄的方式。 依預設,其設定為「平衡」,會以相等的內容量填滿每個欄。

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

使用內容屬性面板 work-with-content-props

「內容屬性」面板可讓您輕鬆更新頁面配置上元素的外觀。 「內容屬性」面板下的屬性分為下列區段:

  • 字型 :包含文字相關的屬性。 您可以設定「字型系列」、「粗細」、「大小」、「文字裝飾」(如底線、上線、直線)、「文字樣式」(如粗體、斜體等等)、「文字對齊方式」(如左、右、中央或左右對齊)、「處理空格」(如預先定義的格式、無換行、破斷空格等等)、「行高」、「字母間距」和「文字縮排」。

  • 邊框 :包含要在頁面配置中新增和格式化專案邊框的屬性。 您可以設定「邊框側」(Border Side) (全部、上、下、右或左)、「邊框樣式」(實線、虛線、虛線等)、「邊框顏色」、「寬度」和「半徑」來設定曲線邊框。 在下列範例中,已在頁面的標頭區域中新增曲線框線。

    {width="500"}

  • 版面配置 :包含可在您的頁面版面配置中設定專案版面的屬性。 您可以設定「高度」、「寬度」、「邊界與邊框間距」(適用於上、下、左或右)、「水準對齊方式」或「垂直對齊方式」、「浮點數」(適用於左、右或無)、「清除」(適用於左、右、兩者或無)、「元素位置」(適用於絕對、固定、相對或更多)、「顯示」(適用於區塊、內容、固定或更多)、「Z索引」、「透明度」、「變形」(適用於旋轉或縮放),以及「變形原點」(適用於X和Y位移)。

  • 背景 :包含要包含背景影像或色彩陰影的屬性。 您可以設定「影像大小」(Image Size) (透過設定「高度」或「寬度」)、「背景重複」(Background Repeat) (作為重複、不重複、圓形或更多)和「背景位置」(Background Position) (作為左上、右中、中下或更多)。

  • 多個欄 :包含可設定頁面或任何特定元素(例如章節目錄)的多欄屬性的屬性。 如需屬性及其使用方式的詳細資訊,請參閱使用多欄頁面配置

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178