Agregar y administrar páginas

Una página es un documento que representa la base del diseño de la aplicación. Tiene tres elementos principales que pueden contener contenido: el encabezamiento, pie de página y cuerpo.

Una experiencia web contiene al menos una página y puede tener varias páginas. Al concebir el diseño, decida la mejor forma de presentar su contenido a su audiencia. Para contenido centrado en el mapa, utilice una página de aplicación de pantalla completa. Para contenido mixto, como por ejemplo mapas, varias imágenes y bloques de texto que puede que requieran un desplazamiento vertical, utilice una página de desplazamiento. Si tiene previsto incluir un menú en su aplicación para que los usuarios accedan a varias páginas, puede agregar carpetas para agrupar páginas de la aplicación en un submenú y agregar vínculos a otros sitios web. También puede agregar y configurar ventanas para abrirlas cuando se cargue la aplicación o la página.

Cuando agrega widgets y plantillas de bloque y grupo de pantallas a una página, estos figuran en el nodo Cuerpo de la sección Contorno del panel Página. El contorno de búsqueda muestra la jerarquía de bloques, grupos de pantallas y widgets para la página seleccionada, incluidos nodos de encabezado y de pie de página si los ha habilitado. En el contorno, haga clic en un elemento y haga clic en el botón Más para acceder a un menú de operaciones como, por ejemplo, cambiar el nombre y duplicar. Haga clic en Expandir todo o Contraer todo para mostrar u ocultar la jerarquía debajo de ese elemento.

Para agregar páginas a una aplicación, haga clic en el botón Agregar página Agregar página y seleccione la plantilla de página que se adapte a su contenido y al flujo esperado de su aplicación. Entre los ejemplos se incluyen los siguientes:

  • Desea crear una aplicación basada en mapas en una página a pantalla completa con un encabezado.
  • Desea crear una aplicación de varias páginas con una aplicación a pantalla completa en la página de inicio y una página de desplazamiento con contenido de soporte en otra página a la que los usuarios puedan acceder desde un menú o botón.

Puede utilizar el menú de navegación rápida de la parte inferior de la ventana del builder para seleccionar una página o una ventana con la que tenga experiencia y acceder a su configuración. En este menú ofrece una vista previa de la jerarquía de páginas y los tipos de ventanas.

Cuando selecciona un widget en su aplicación, también aparece una ayuda de navegación de rastro en la parte inferior de la ventana del builder. El rastro le muestra si el widget seleccionado está contenido en otros widgets o elementos de la página.

Aplicaciones de varias páginas

El panel Página contiene las siguientes opciones para gestionar las páginas en su aplicación:

  • Agregar página: elija entre dos tipos de página: aplicación a pantalla completa o página de desplazamiento. Cada tipo de página incluye varias plantillas. Algunas plantillas están basadas en mapas y otras están centradas en contenido mixto, como por ejemplo texto, imágenes y mapas. También puede elegir una plantilla en blanco para diseñar sus propios diseños.
  • Agregar vínculo: agregue un vínculo a otro sitio web para que los usuarios puedan acceder a una página web relacionada desde el menú de la aplicación.
  • Agregar carpeta: agregue una carpeta para páginas y vínculos que van a aparecer en un widget Menú como un menú desplegable.
  • Otras opciones: para aplicaciones de varias páginas, seleccione una página como la página de inicio y oculte opcionalmente páginas de los widgets de menú que agregue a la aplicación. (Todos los menús de la aplicación incluirán las mismas páginas, aunque puede dar un estilo diferente a los menús). Puede renombrar, duplicar y eliminar páginas y organizarlas jerárquicamente arrastrando una página sobre otra. Cuando arrastre la página, aparece una línea que muestra dónde se colocará entre otras páginas. Para anidarla bajo otra página, arrastre la página sobre la página de destino hasta que vea un cuadro alrededor de ella. También puede definir el icono de una página, vínculo o carpeta.

Configuración

Las páginas incluyen los siguientes ajustes de configuración:

  • Icono: cambie el icono para distinguir entre páginas en el panel Páginas. Puede elegir iconos de las galerías General y Flechas, o agregar su propio icono desde un archivo. Haga clic en el botón Eliminar para eliminar un icono no utilizado de la galería Mis iconos.
    Nota:

    Puede cargar los siguientes formatos de imagen: PNG, GIF, JPG, JPEG y BMP. Para mantener un rendimiento óptimo, hay un límite de tamaño de 10 MB para cada carga.

  • Etiqueta: cambie el nombre de la página. Esta etiqueta de página también se utiliza en la URL de la experiencia. Al agregar una página, su etiqueta sigue una regla de numeración consecutiva. Por ejemplo, al duplicar Página 1 se genera Página 2, o Página 3 si ya existe Página 2.
    Nota:

    Si cambia el nombre de una página después de la publicación, las direcciones URL utilizadas anteriormente seguirán funcionando.

  • Abrir con ventana: si lo desea, puede elegir una ventana para que aparezca delante de la página cuando esta se abra. (Solo puede seleccionar ventanas fijas para abrirlas con una página).
  • Ancho de contenido (solo página de desplazamiento)
    • Personalizado: establezca un ancho mínimo para la página.
    • Automático: utilice todo el ancho de la página.
  • Animación: agregue animación para widgets en el cuerpo de la página. (La animación se aplica a los widgets en el nivel superior del contorno).
  • Cuerpo
    • Relleno: elija un color para la página.
  • Encabezado: visualice el encabezado en la página seleccionada. La siguiente configuración del encabezado se aplica a todas las páginas con un encabezado habilitado:
    • Altura: cambie la altura del encabezado en píxeles.
    • Relleno: cambie el color del encabezado.
    • Permanece en la parte superior de la página al desplazar (solo página de desplazamiento): el encabezado permanece en la parte superior de la página cuando los usuarios se desplazan hacia abajo.
  • Pie de página: visualice el pie de página en la página seleccionada. La siguiente configuración del pie de página se aplica a todas las páginas con un pie de página habilitado:
    • Altura: cambie la altura del pie de página en píxeles.
    • Relleno: cambie el color del pie de página.
  • Diseño (solo páginas de desplazamiento y cuadrícula)
    • Hueco: defina el hueco (medianiles) en píxeles entre las filas o los elementos de la cuadrícula de la página. Puede definir el color del hueco para las páginas de cuadrícula.
    • Relleno: defina el relleno en píxeles en los cuatro lados de la página.
  • Elementos de cuadrícula (solo páginas de cuadrícula): defina cómo pueden interactuar los usuarios con los elementos de la cuadrícula en tiempo de ejecución.
    • Permitir cambiar tamaño: permita a los usuarios arrastrar los huecos para cambiar el tamaño de los elementos de la cuadrícula.
    • Permitir expansión: permita a los usuarios expandir elementos individuales de la cuadrícula.

Plantillas

Las plantillas tienen diseños y temas predefinidos que puede modificar desbloqueando el diseño. El botón Bloquear diseño permite empezar con una plantilla y modificarla como sea necesario. El desbloqueo del diseño muestra más opciones en los paneles de configuración y habilita el panel Insertar widget. Al empezar con una plantilla de la galería Predeterminada, puede hacer clic en el botón Vista previa de un ejemplo para ayudar a elegir una plantilla que satisfaga sus necesidades. Puede elegir de entre casi todas las mismas plantillas cuando agrega más páginas a su aplicación. (Solo puede elegir plantillas de varias páginas al crear la experiencia web por primera vez). Elija plantillas de las siguientes categorías:

  • Plantillas basadas en mapas para flujos de trabajo comunes, diseñadas para aplicaciones a pantalla completa estándar. Estas plantillas se presentan en las siguientes categorías:
    • Fijo: para configurar estas plantillas, seleccione un mapa y agregue widgets relevantes. Algunos ejemplos son los siguientes:
      • Cartel es un sencillo visor de mapas que contiene un mapa y un widget de controlador.
      • Plegable es una plantilla con una interfaz sencilla y abierta centrada en el mapa que se caracteriza por un encabezado con un widget de controlador.
      • Joyero es una plantilla creada para mostrar entidades en una lista combinada con un mapa.
      • Launchpad es una plantilla diseñada para resaltar el mapa; presenta un widget de controlador anclado en la parte inferior de la página.
    • Cuadrícula: para configurar estas plantillas, que se comportan como widgets Cuadrícula de pantalla completa, agregue widgets como elementos de cuadrícula y arrastre los widgets y sus bordes para reorganizarlos y cambiar su tamaño. A continuación, se muestra una lista de plantillas de página de cuadrícula disponibles:
      • Tablero de jugador muestra varios widgets Tarjeta con efectos de desplazar y voltear, y puede agregar más detalles en la parte posterior como las tarjetas de estudio.
      • Damero es una plantilla de página de cuadrícula con un mapa en el centro y widgets relacionados con el mapa a su alrededor.
      • Collage muestra varios widgets Imagen alrededor de un widget Panel fijo.
      • Encarte cuenta con widgets Texto y widgets Imagen dentro de varios widgets Columna.
      • Volante de mapa utiliza el widget Coordenadas con el widget Mapa para mostrar texto dinámico e información de ubicación.
      • Multiverso está diseñado para trabajar con varias fuentes de datos. Su widget para agregar datos simplifica el proceso de importación de datos de diversas fuentes, permitiendo a los usuarios comparar y analizar múltiples fuentes mediante mapas y tablas.

      Las páginas de cuadrícula, como los widgets Cuadrícula, pueden tener pestañas, columnas de cuadrícula y filas de cuadrícula, que aparecen en el Contorno del panel Página. Al igual que cualquier widget, puede seleccionar cualquier fila o columna de cuadrícula en el esquema y hacer clic en el botón Más para acceder a un menú de operaciones. Las filas y columnas de la cuadrícula tienen los botones Distribuir espacio horizontalmente y Distribuir espacio verticalmente, respectivamente. Si una fila o columna forma una pestaña, puede cambiar el nombre de la fila o columna. Los widgets individuales contenidos en un widget Cuadrícula tienen los botones Dividir horizontalmente y Dividir verticalmente en el menú Más.

    Nota:

    La barra del encabezado en algunas de las plantillas de la aplicación a pantalla completa se crea con un widget Panel fijo en lugar de utilizar el ajuste de Encabezado de la página. Esto permite habilitar y configurar el ajuste de Encabezado de otras páginas si crea una aplicación de varias páginas. Todas las páginas de la aplicación para las que habilite los ajustes de Encabezado o Pie de página utilizan el contenido, diseño y ajustes del encabezado y pie de página.

  • Las plantillas de la página de desplazamiento se organizan en bloques o grupos de pantallas. Un contenedor de bloques es similar a un widget de fila. Algunos ejemplos son los siguientes:
    • Galería es una plantilla diseñada con prominentes imágenes de vista en miniatura para destacar su contenido.
    • General proporciona una plantilla de gran desplazamiento para compartir su contenido.
    • Introducción es una plantilla de diseño modular concebida para exhibir sus imágenes y titulares.
    • Paralaje es una plantilla con una imagen de banner en la parte superior de la página seguida por un grupo de pantalla de paneles de desplazamiento.
  • Plantillas en blanco para páginas a pantalla completa y de desplazamiento que crea y diseña desde cero.
    • Página de desplazamiento en blanco es una plantilla en blanco para crear su propio diseño en una página web de desplazamiento. Cuando agrega widgets a una página de desplazamiento, estos se agregan a un bloque de forma predeterminada. Haga clic en el botón Insertar bloque para elegir entre algunos diseños de bloque comunes o haga clic en el botón Insertar grupo de pantalla para elegir entre varias plantillas de pantalla.
    • Pantalla completa en blanco es una plantilla en blanco para crear su propio diseño en una aplicación a pantalla completa.
    • Cuadrícula en blanco es una plantilla en blanco que se comporta como un widget Cuadrícula de página completa.