Diseño de una página

Última actualización: 24 de febrero de 2025
  • Temas:

Creado para:

  • Experimentado
  • Administrador

Al crear un documento de PDF, tendría diferentes secciones para presentar diferentes tipos de información. Por ejemplo, un documento de PDF comenzaría desde una portada o portada, que tendría el logotipo de su empresa, el título del libro o la información de la versión. Luego habría capítulos, apéndices o páginas de glosarios. Cada sección de un documento de PDF tiene un aspecto diferente y se logra creando y personalizando el diseño de página.

Al diseñar el diseño de página, puede definir los distintos elementos que componen una página. Por ejemplo, puede definir el tamaño de página, los márgenes, el encabezado y pie de página, la orientación y otras especificaciones de página de una página. La característica de publicación nativa de PDF le permite diseñar su página según los estándares de medios de página. La mayoría de las opciones de configuración incluidas en los estándares de medios paginados se pueden personalizar fácilmente con la interfaz de usuario de la función de publicación nativa de PDF. Para aplicar otro formato de nivel avanzado, puede utilizar la vista de Source para escribir su propio código CSS.

Una vez diseñados los diseños de página, debe asociarlos con sus secciones respectivas en la configuración de Diseño de página de PDF. Consulte la sección Crear y personalizar diseños de página para obtener más información sobre cómo crear y abrir un diseño de página para personalizar.

Tipos de diseños de página

Un documento de PDF suele contener las siguientes secciones:

  • Portada
  • Tabla de contenido
  • Alza de cifras
  • Alza de tablas
  • Páginas de capítulo o tema
  • Glosario
  • Índice
  • Página posterior

Estas secciones necesitarían un diseño de página correspondiente para presentar la información en un formato específico. Además, también puede tener una página en blanco que se utiliza como relleno para iniciar un nuevo capítulo desde una página par o impar. En ese caso, puede utilizar el diseño de página predeterminado o crear un diseño de página para una página en blanco. Consulte Crear un nuevo diseño de página para obtener más información.

La configuración de Diseños de página en la sección Plantilla>Configuración permite definir qué diseño de página se utilizará para diferentes secciones de PDF. Además, cada diseño de página puede tener diferentes variantes de página inicial, derecha o izquierda.

Crear las primeras variantes de diseño de página a la derecha o a la izquierda

Los distintos diseños de página de la plantilla de PDF se pueden personalizar aún más teniendo diferentes variantes de diseño de página en primer lugar, a la derecha o a la izquierda. Puede diseñar estas páginas de forma diferente con el diseñador de diseños de página.

NOTE
Si desea tener un diseño de página único para una sección del libro, no necesita crear los diseños de página Primero, Derecha o Izquierda.

Tenga en cuenta los siguientes puntos al crear los diseños de página:

NOTE
Los puntos siguientes han tomado como ejemplo el diseño de página Capítulo. Sin embargo, estos puntos también son válidos para otros diseños de página.

  • Si desea utilizar un diseño de página único para todas las páginas de un capítulo, cree un único diseño de página de capítulo sin ninguna variante.

  • Si desea tener un aspecto diferente para la primera página de los capítulos del libro, debe crear una variante de diseño de Primera página para los capítulos.

  • Si desea tener un aspecto diferente para cada página del lado izquierdo y derecho del libro, debe crear las variantes del lado izquierdo y derecho para el diseño de la página del capítulo.

  • Si desea que los capítulos comiencen desde una página impar o par, puede elegir crear un diseño de página para la página en blanco. Este diseño de página se utiliza para rellenar el espacio entre dos capítulos para asegurarse de que el capítulo comienza en la página par o impar deseada.

    NOTE
    Si no crea un diseño de página en blanco independiente, se utilizará el diseño de página predeterminado. Para crear un diseño de página, vea Crear un nuevo diseño de página.

El siguiente ejemplo lo guiará por el proceso de creación de variantes de un diseño de página:

  1. Cree un diseño de página de "Capítulo" siguiendo los pasos que se indican en el procedimiento "Crear un nuevo diseño de página".

    Se crea un diseño de página de capítulo en blanco y se agrega en Diseños de página.

    De forma predeterminada, al crear un diseño de página, también se abre para editarlo. La siguiente captura de pantalla muestra un diseño de página en blanco (predeterminado):

    El encabezado, el pie de página y el área de contenido de una plantilla se crean de forma predeterminada. Puede personalizar fácilmente estas áreas mediante las propiedades de página, las propiedades de contenido y varias herramientas (como insertar imágenes, campos, etc.) de la interfaz de usuario.

    NOTE
    Para obtener una configuración avanzada, puede utilizar la vista de Source y agregar su código CSS y HTML personalizado.

  2. Pase el ratón sobre el diseño de Chapter y haga clic en Options para mostrar el menú contextual.

  3. Pase el ratón o haga clic sobre Agregar variante de diseño y elija el diseño de página que desee (Primero, Izquierdo o Derecho) que desee crear.

El diseño de página seleccionado se crea con una copia del diseño de capítulo base. Esto significa que si ha realizado cambios en el diseño de página de capítulo predeterminado, los mismos cambios se replicarán en el diseño de página de variante en el momento de la creación del diseño de página.

Trabajar con las propiedades de página de un diseño de página

Al diseñar un diseño de página, es esencial tener control sobre las distintas propiedades de la página. La función Publicación nativa de PDF encapsula todas las propiedades de página principales en el panel Propiedades de página. El panel Propiedades de página proporciona acceso a varias propiedades en las siguientes secciones:

NOTE
El panel Propiedades de página encapsula las propiedades y sigue las reglas definidas en Estándares de medios de página.

  • Tamaño de página : especifique el tamaño de página que desea utilizar para el diseño de página. La lista desplegable Tamaño de página le permite elegir entre más de 15 tamaños de página. También puede crear un diseño de página usando un tamaño de página personalizado. Vea Establecer el tamaño de página para obtener más detalles.

  • Orientación : especifique la orientación de página que se utilizará en el diseño de página. Puede elegir entre las orientaciones de página Vertical u Horizontal. Tenga en cuenta que puede elegir que se apliquen diferentes orientaciones a diferentes variantes de página en un diseño de página. Por ejemplo, si el contenido contiene una tabla ancha o una imagen grande, puede crear un diseño de página horizontal y aplicar ese diseño a la tabla o imagen más ancha.

  • Rotación de vista : especifique el lado o la dirección en que se representa el lado superior original después de la rotación. Puede elegir entre 90 en sentido horario, 90 en sentido antihorario o 180 en sentido antihorario. Esto resulta muy útil en una situación en la que desea utilizar una combinación de diseños Vertical y Horizontal en la salida. Por ejemplo, puede utilizar vertical como diseño de página genérico y establecer un diseño de página horizontal para representar tablas anchas. En ese caso, puede configurar para que muestre el contenido de la tabla en el sentido de las agujas del reloj 90 grados. De esta forma, la página estará orientada en horizontal y el contenido rotará 90 grados para mantener la continuidad a la vista. Veremos cómo se logra esto como ejemplo más adelante en esta sección.

  • Numeración de páginas: La numeración de páginas, de forma predeterminada, es continua en un PDF. Por ejemplo, una PDF de 100 páginas podría tener números de página continuos de 1 a 100. También puede reiniciar la numeración desde un número específico en todas las secciones diferentes o desde la primera aparición de una sección.

    • Reiniciar desde : especifique el número de página desde el que se iniciará la numeración para este diseño de página. Por ejemplo, puede establecer el número de página para que se reinicie cada capítulo. En ese caso, debe establecer la propiedad restart from en 1 en la variante First page layout del diseño de página del capítulo. De forma predeterminada, la numeración de páginas continúa desde la página anterior.

    • Aplicar solo a la primera incidencia: También puede comenzar desde un número específico solo para la primera incidencia de una sección. Por ejemplo, puede comenzar solamente el primer capítulo desde 1 y continuar con los números de página de otros capítulos.

  • Diseño : especifique los márgenes de página junto con el relleno para los lados superior, inferior, izquierdo y derecho. La siguiente ilustración explica cómo se representan los márgenes, el relleno y los bordes alrededor del contenido. Tenga en cuenta que el margen superior e inferior de una página contiene el encabezado y el pie de página.

  • Fondo: incluye una imagen o un color como fondo del diseño de página. Para una imagen, puede especificar la altura y anchura de la imagen junto con las propiedades de repetición y posición.

  • Nota al pie : especifique las propiedades para mostrar las notas al pie en la salida. Puede elegir especificar las propiedades de márgenes y relleno junto con un estilo de borde.

Establecer el tamaño de página

Lo primero que debe definir en un diseño de página es el tamaño de la página. En Propiedades de página, hay más de 15 tamaños de página que puede elegir para un diseño de página. También puede crear un tamaño de página personalizado realizando los siguientes pasos:

  1. Abra el diseño de página necesario para editarlo.

    NOTE
    Consulte la sección Personalizar un diseño de página para abrir un diseño de página y personalizarlo o editarlo.

  2. En el panel derecho, haga clic en Propiedades de página.

  3. En la lista desplegable Tamaño de página, seleccione Personalizado.

    Se muestran los campos Anchura de página y Altura de página.

  4. Introduzca las dimensiones de página que desee en los campos Anchura de página y Altura de página.

    NOTE
    Algunas de las unidades más utilizadas son píxeles, puntos, rem, em, porcentaje y pulgadas.

Utilizar la orientación de página y la rotación de vistas

Veamos un ejemplo en el que se utiliza una combinación de orientación de página vertical y horizontal y propiedades de rotación de vista. En este ejemplo, crearemos una PDF con orientación vertical predeterminada, pero se procesará una tabla con orientación horizontal con contenido en la vista de 90 grados en el sentido de las agujas del reloj. El resultado final tendrá un aspecto similar al siguiente:

En la salida anterior, la información de la Lista de contactos se presenta en modo horizontal con el contenido también girado en 90 grados. El contenido restante se muestra en el modo vertical normal.

Para lograr este tipo de resultados, debemos realizar las siguientes tareas principales:

  1. Cree un diseño de página con orientación horizontal.

  2. Cambie la propiedad View Rotation para representar el contenido en 90°.

  3. Cree un estilo personalizado para utilizar el nuevo diseño de página.

  4. Añada el estilo en la definición de clase de salida de la tabla que queremos procesar en el diseño de página horizontal.

Siga estos pasos para realizar las tareas anteriores:

  1. Cree un diseño de página con orientación horizontal.

    1. Cree un diseño de página "Horizontal" siguiendo los pasos indicados en el procedimiento "Crear un nuevo diseño de página".

    2. En el panel derecho, haga clic en Propiedades de página.

    3. Cambie Orientación a Horizontal.

  2. Cambie la propiedad Ver rotación para representar el contenido en 90° en el sentido de las agujas del reloj.

    1. Seleccione 90° a la derecha del reloj en la lista desplegable Ver rotación.

    1. Haga clic en Guardar todo para guardar las propiedades actualizadas del diseño de página.

  3. Cree un estilo personalizado para utilizar el nuevo diseño de página.

    1. Expanda la barra lateral izquierda y haga doble clic en la plantilla en la que desea crear el estilo.

    2. Expanda la sección Hojas de estilo.

    3. Pase el ratón sobre la hoja de estilo Diseño, haga clic en el icono (Opciones)… y seleccione Editar.

      La hoja de estilos Diseño se abre para editarla.

    4. Haz clic con el botón derecho en Otros estilos y elige Nuevo estilo.

    5. En la ventana emergente Agregar estilo, escriba landscape-style en classname.

    6. Haga clic en Listo.

      Se crea un nuevo estilo denominado .landscape-style que se agrega al final de la lista Otros estilos.

    7. Haga doble clic en el estilo .landscape-style para abrirlo y editarlo.

    8. Expanda la propiedad Paginación.

    9. Escriba Landscape en la propiedad Diseño de página.

    10. Haga clic en Guardar todo para guardar las propiedades de estilo actualizadas.

  4. Agregue el estilo en la definición de outputclass de la tabla que queremos procesar en el diseño de página horizontal.

    1. En un editor de archivos DITA, abra el archivo en el que desee aplicar el nuevo diseño de página.

    2. Busque el elemento <table>, que se procesará en modo horizontal.

    3. En la ruta de exploración, haga clic en el elemento de tabla para seleccionar la tabla.

    4. En el panel derecho, haga clic en y abra el panel Propiedades del contenido.

    5. En el panel Propiedades de contenido, agregue una nueva propiedad outputclass con landscape-style como valor de propiedad.

  5. Haga clic en Guardar todo para guardar el archivo actualizado.

  6. Genere la salida de PDF.

La PDF final mostrará el contenido de la tabla en modo horizontal como se muestra al principio del ejemplo.

Agregar una imagen de fondo

En función de sus necesidades, es posible que desee añadir una imagen de fondo que aparezca en cada primera página de salida de capítulo (PDF). Las propiedades Fondo en Propiedades de página permiten agregar fácilmente una imagen de fondo. Puede elegir replicar esta imagen en una página y colocarla en cualquier lugar del área superior, inferior o central de la página.

Por ejemplo, para insertar una imagen de fondo en la parte central del área de contenido, realice los siguientes pasos:

  1. Abra el diseño de página necesario para editarlo.

    NOTE
    Consulte la sección Personalizar un diseño de página para abrir un diseño de página y personalizarlo o editarlo.

  2. Haga clic en cualquier lugar del área de contenido.

  3. En el panel derecho, haga clic en Propiedades de página.

  4. Expanda la sección Fondo.

  5. Haga clic en el botón Examinar en el campo de ubicación Ruta de la imagen.

  6. Busque y seleccione la imagen que desea utilizar como imagen de fondo.

    La imagen se inserta y se replica para cubrir toda la página.

  7. Cambie el tamaño de la imagen ajustando las propiedades de altura y anchura.

    NOTE
    Puede introducir cualquiera de las propiedades height o width, ya que la imagen se escala automáticamente para mantener la proporción de aspecto.

  8. Establezca las demás propiedades para ajustar la forma en que desea que aparezca la imagen de fondo.

    • Repetición en segundo plano : especifique si desea que el fondo se repita o no.

    • Posición de fondo : especifique una posición para la imagen de fondo de la página.

La siguiente captura de pantalla muestra la imagen de fondo con la propiedad Repetición de fondo establecida en no repetir y la propiedad Posición de fondo establecida en centro.