设计页面布局 design-page-layout

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

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

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

{width="300"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   {width="300"}

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

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

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

{width="300"}

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

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

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

2. 展开样式表部分。

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

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

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

   {width="300"}

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

   {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"})图标，并从元素列表中选择“段落”。

单击​ 插入字段 ( )图标。

出现“Fields（字段）”弹出窗口。

从字段列表中选择​ 页码 ​类别，从格式列表中选择​ 默认(1) ​页码格式，然后单击​ 插入。

{width="400"}

默认页码字段插入页面布局的页脚区域。

{width="400"}

顶部痕迹导航列出了存储信息的元素。

在页码字段后输入空格，然后单击​ 插入字段 ​图标。

从字段列表中选择​ 章节标题 ​类别，从格式列表中选择​ 章节标题 ​格式，然后单击​ 插入。

在发布时使用章节标题填充的​ 章节标题 ​字段将插入到页脚区域。 此时，页码和章节标题字段以空格分隔。

{width="400"}

要右对齐章节标题，请执行以下步骤：

1. 单击痕迹导航上的Field元素以选择Chapter Title字段。

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"}

• 列填充 ：指定内容填充列的方式。 默认情况下，它被设置为Balance，即用相等数量的内容填充每个列。

• 列规则 ：如果要在列之间插入一行，则使用此属性定义该行或直线样式。 指定“样式”、“颜色”和“宽度”的值以在列之间添加行。