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.
Al agregar widgets a una página, estos se incluyen en el nodo Cuerpo del Contorno del panel Página. El contorno de búsqueda muestra la jerarquía de widgets para la página seleccionada, incluyendo nodos de encabezado y de pie de página si los ha habilitado. Para agregar páginas a una aplicación, haga clic en el botón Agregar página y seleccione la plantilla de página que se adapte a su contenido y al flujo esperado de su aplicación. A continuación presentamos algunos ejemplos:
- 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.
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 finales 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.
Ajustes
Las páginas incluyen los siguientes ajustes de configuración:
- Icono: cambie el icono para distinguir entre páginas en el panel Páginas.
- Etiqueta: cambie el nombre de la 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.
- 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ágina de desplazamiento)
- Hueco: defina el hueco (gutters) en píxeles entre las filas de la página.
- Relleno: defina el relleno en píxeles en los cuatro lados de la página.
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, puede hacer clic en el botón Vista previa para disponer de un ejemplo para ayudar a elegir una plantilla que satisfaga sus necesidades. Puede elegir entre las mismas plantillas cuando agregue más páginas a su aplicación. 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. Para configurar estas plantillas, seleccione un mapa, agregue widgets relevantes al controlador de widget, configure los widgets, guarde su experiencia y publíquela.
- 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.
- Cartel es un sencillo visor de mapas que contiene un mapa y un widget de controlador.
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 encabezado de la configuración de la página. Esto permite habilitar y configurar el 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 el 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. Un bloque es similar a una Fila.
- 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.
- Galería es una plantilla diseñada con prominentes imágenes de vista en miniatura para destacar su contenido.
- 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.
- Aplicación en pantalla completa en blanco es una plantilla en blanco para crear su propio diseño en una aplicación a pantalla completa.