设计页面布局

最近更新： 2025年2月24日
  • 主题：

创建对象：

  • 有经验的
  • 管理员

在创建PDF文档时，您将拥有用于呈现不同类型信息的各个部分。 例如，PDF文档将从头页或封面开始，其中包含您公司的徽标、书籍标题或版本信息。 然后是章节、附录或词汇页。 PDF文档中的每个部分的外观都不一样，具体可以通过创建和自定义页面布局来实现。

设计页面布局时，您可以定义构成页面的各种元素。 例如，可以在页面上定义页面大小、边距、页眉和页脚、方向以及其他页面规范。 本机PDF发布功能允许您根据页面媒体标准设计页面。 使用本机PDF发布功能的用户界面，可轻松自定义分页媒体标准中涵盖的大多数设置。 对于其他高级级格式，您可以使用Source视图编写您自己的CSS代码。

设计页面布局后，需要将这些布局与PDF页面布局设置中各自的节相关联。 有关如何创建和打开要进行自定义的页面布局的详细信息，请参阅创建和自定义页面布局部分。

页面布局类型

PDF文档通常包含以下部分：

  • 封面
  • 目录
  • 数字提升
  • 表提升度
  • 章节或主题页面
  • 术语表
  • 索引
  • 后页

这些部分将需要相应的页面布局才能以特定格式呈现信息。 此外，您还可以具有空白页，该空白页用作从奇数页或偶数页开始新章节的填充符。 在这种情况下，您可以使用默认页面布局或为空白页面创建页面布局。 有关更多详细信息，请参阅创建新页面布局。

通过​ 模板>设置 ​部分下的“页面布局”设置，您可以定义用于PDF各个部分的页面布局。 每个页面布局还可以有不同的第一页、右页或左页变体。

创建第一个、右侧或左侧页面布局变量

可通过具有不同第一、右或左页面布局变体，进一步自定义PDF模板中的不同页面布局。 您可以使用页面布局设计器以不同方式设计这些页面。

NOTE
如果您希望书籍中的某个章节有一个版面布局，则无需创建“首页”、“右页”或“左页”版面布局。

创建页面布局时，请考虑以下几点：

NOTE
以下几点以章节页面布局为例。 但是，这些点对于其他页面布局也有效。

  • 如果要为一个章节中的所有页面使用单个页面布局，则只需创建单个章节页面布局，而无需任何变体。

  • 如果您希望书籍中章节的首页具有不同的外观，则需要为章节创建首页布局变体。

  • 如果您希望书本的每个左侧和右侧页面都具有不同的外观，则需要为章节页面布局创建左侧和右侧变体。

  • 如果您希望章节从奇数页或偶数页开始，则可以选择为空白页创建页面布局。 此页面布局用于填充两章之间的空白以确保章节从所需的奇数页或偶数页开始。

    NOTE
    如果不创建单独的空白页面布局，则使用默认页面布局。 若要创建页面布局，请参阅新建页面布局。

以下示例将指导您完成创建页面布局变体的过程：

  1. 使用“创建新页面布局”过程中给出的步骤创建“章节”页面布局。

    在“页面布局”下创建并添加了一个空白的章节页面布局。

    默认情况下，在创建页面布局时，也会打开该布局进行编辑。 以下屏幕快照显示空白（默认）页面布局：

    默认情况下，将创建模板中的页眉、页脚和内容区域。 您可以使用用户界面中提供的页面属性、内容属性和各种工具（如插入图像、字段等）轻松自定义这些区域。

    NOTE
    对于高级配置，您可以使用Source视图并添加自定义HTML和CSS代码。

  2. 将鼠标悬停在​ Chapter ​布局上，然后单击​ 选项 ​以显示上下文菜单。

  3. 单击或将鼠标悬停在​ 添加布局变体 ​上并选择想要创建的页面布局（第一个、左侧或右侧）。

使用基本章节布局的副本创建选定的页面布局。 这意味着，如果您对默认章节页面布局进行了任何更改，则在创建页面布局时，同样的更改将会复制到变体页面布局中。

使用页面布局的页面属性

在设计页面布局时，必须控制各种页面属性。 本机PDF发布功能封装“页面属性”面板下的所有主要页面属性。 “页面属性”面板提供对以下部分下的各种属性的访问权限：

NOTE
“页面属性”面板封装属性并遵循页面媒体标准下定义的规则。

  • 页面大小 ：指定您要用于页面布局的页面大小。 页面大小下拉列表允许您从15种以上的页面大小中进行选择。 您也可以使用自定义页面大小创建页面布局，有关更多详细信息，请参阅设置页面大小。

  • 方向 ：指定用于页面布局的页面方向。 您可以从“纵向”或“横向”页面方向中选择。 请注意，您可以选择将不同的方向应用于某个页面布局中的不同页面变体。 例如，如果内容包含宽表格或大图像，则可以创建横向页面布局并将该布局应用于较宽的表格或图像。

  • 视图旋转 ：指定旋转后表示原始顶边的边或方向。 您可以选择“顺时针90”、“逆时针90”或“逆时针180度”。 当您希望在输出中使用纵向和横向布局的组合时，这非常有用。 例如，可以将纵向用作一般页面布局，并且可以设置横向页面布局以呈现宽表格。 在这种情况下，可设置为以顺时针90度显示表格内容。 这样，页面将定向为横向，内容将旋转90度以保持视图的连续性。 我们将在本节的后面部分查看如何实现此目标。

  • 页码 ：默认情况下，PDF中的页码是连续的。 例如，一个100页的PDF可以具有1到100之间的连续页码。 也可以从所有不同节中的特定编号或第一次出现的节重新开始编号。

    • 从 ​重新启动：指定此页面布局的起始页码。 例如，您可以将每个章节的页码设置为重新启动。 在这种情况下，您需要将章节页面布局的第一个页面布局变体上的从属性重新启动设置为1。 默认情况下，页面编号会从上一页继续。

    • 仅应用于第一次发生次数：您也可以仅从第一次发生节的特定数字开始。 例如，您只能从1开始第一个章节，然后继续其他章节的页码。

  • 布局 ：指定页边距以及上、下、左、右边的内边距。 下图说明了如何在内容周围呈现边距、边距和边框。 请注意，页面顶部和底部的边距包含页眉和页脚。

  • 背景 ：包含图像或颜色作为页面布局的背景。 对于图像，可以指定图像的高度和宽度以及重复和位置属性。

  • 脚注 ：指定要在输出中显示脚注的属性。 您可以选择指定边距和填充属性以及边框样式。

设置页面大小

在页面布局中，需要定义的第一件事就是页面大小。 在“页面属性”中，可以为页面布局选择超过15个页面大小。 您还可以通过执行以下步骤来创建自定义页面大小：

  1. 打开所需的页面布局进行编辑。

    NOTE
    请参阅自定义页面布局节，以打开页面布局进行自定义或编辑。

  2. 在右侧面板中，单击​ 页面属性。

  3. 在​ 页面大小 ​下拉列表中，选择​ 自定义。

    此时将显示“页面宽度”和“页面高度”字段。

  4. 在​ 页面宽度 ​和​ 页面高度 ​字段中输入所需的页面尺寸。

    NOTE
    一些最常用的单位是px（像素）、pt（点）、rem、em、%（百分比）和in（英寸）。

使用页面方向和视图旋转

让我们看一个示例，其中使用了纵向和横向页面方向以及视图旋转属性的组合。 在本例中，我们将创建具有默认纵向的PDF，但表格将以横向呈现，内容以顺时针90度视图显示。 最终输出将与以下内容类似：

在上面的输出中，联系人列表信息以横向模式显示，内容也旋转90度。 其余内容以正常纵向模式显示。

要达到这种输出，我们需要执行以下主要任务：

  1. 创建具有横向的页面布局。

  2. 将​ 视图旋转 ​属性更改为90°渲染内容。

  3. 创建自定义样式以使用新页面布局。

  4. 在表的outputclass定义中添加样式，以便我们以横向页面布局呈现。

执行以下步骤以完成上述任务：

  1. 创建具有横向的页面布局。

    1. 使用“创建新页面布局”过程中给出的步骤创建“横向”页面布局。

    2. 在右侧面板中，单击​ 页面属性。

    3. 将​ 方向 ​更改为​ 横向。

  2. 更改“视图旋转”属性以顺时针90°方向渲染内容。

    1. 从视图旋转下拉列表中选择​ 顺时针90°。

    1. 单击​ 全部保存 ​可保存更新的页面布局属性。

  3. 创建自定义样式以使用新页面布局。

    1. 展开左侧边栏，然后双击要在其中创建样式的模板。

    2. 展开样式表部分。

    3. 将鼠标悬停在布局样式表上，单击（选项 ​图标）。…并选择“编辑”。

      将打开布局样式表进行编辑。

    4. 右键单击​ 其他样式 ​并选择​ 新建样式。

    5. 在“添加样式”弹出窗口中，在​ classname ​中输入​ 横向样式。

    6. 单击​ 完成。

      已创建名为.landscape-style的新样式，并将其添加到“其他样式”列表的末尾。

    7. 双击.landscape-style样式以将其打开以进行编辑。

    8. 展开​ 分页 ​属性。

    9. 在​ 页面布局 ​属性中输入Landscape。

    10. 单击​ 全部保存 ​以保存更新的样式属性。

  4. 在表的outputclass定义中添加样式，以便我们以横向页面布局呈现。

    1. 在DITA文件编辑器中，打开要应用新页面布局的文件。

    2. 查找将在横向模式下呈现的<table>元素。

    3. 在痕迹导航中，单击表元素以选择表。

    4. 在右侧面板中，单击并打开“内容属性”面板。

    5. 在“内容属性”面板中，添加一个新的​ outputclass ​属性，该属性具有​ 横向样式 ​作为属性值。

  5. 单击​ 全部保存 ​以保存更新的文件。

  6. 生成PDF输出。

最终PDF将以横向模式呈现表内容，如示例开头所示。