Cuando creas o editas una página de bienvenida utilizando HTML, creas una plantilla repetitiva HTML y CSS receptiva que puedes adaptar para satisfacer tus necesidades o reemplazarla completamente con tu propio código HTML, CSS y JavaScript personalizado. Si no estás familiarizado con HTML o prefieres un método más simple para crear tus páginas de bienvenida, puedes usar plantillas estándar.
El editor de código HTML incluye:
-
Resaltado de sintaxis para identificar fácilmente los elementos del código.
-
Plegado de código para ocultar o mostrar secciones de código para que solo veas lo que necesitas.
-
Finalización automática de etiquetas para ahorrarte tiempo y reducir errores
-
Sangría de tabulación para que el código sea más legible.
Puedes desarrollar tus páginas de bienvenida sin conexión y cargar los archivos HTML, CSS, JavaScript y de imagen directamente en el portal. Para cargar un archivo, selecciona Cargar archivo, Elige el archivo, busca y selecciona el archivo, selecciona Abrir y Cargar.
Vista previa
Muestra una vista previa en vivo de tu página HTML personalizada actual con todos los estilos CSS y JavaScript aplicados. Puedes volver a esta pestaña en cualquier momento para actualizar y obtener una vista previa de tus cambios mientras desarrollas tu página.
HTML
Agrega tu código HTML en esta pestaña. Puedes utilizar la pestaña de fragmentos para incrustar elementos comunes de la página de presentación, como enlaces de redes sociales, formularios, opciones de control giratorio y opciones de idioma.
CSS
En esta pestaña, agrega todas las clases y estilos CSS que necesitas para tu página. Puedes modificar el CSS repetitivo predeterminado o crear uno propio.
JavaScript
Agrega el código JavaScript para tu plantilla en esta pestaña. Las plantillas HTML personalizadas utilizan jQuery, por lo que esta biblioteca está disponible para que la uses si la necesitas.
Imágenes
Carga y administra imágenes jpeg, gif o png.
Configuración
Esta pestaña contiene la configuración de tu página de bienvenida.
Recorrido de acceso
|
Logotipo de recorrido de acceso |
Este es el logotipo de la empresa o lugar para la página de bienvenida. El logotipo también se utiliza para páginas intersticiales del recorrido de acceso al WiFi. Por ejemplo, la página "Me gusta" de Facebook, la página de perfil adicional, la página de autenticación de SMS, etc. Para agregar un logotipo, selecciona Cargar logotipo, Elegir archivo, explora y selecciona el archivo, selecciona Abrir y Cargar. |
|
Color de fondo |
El color de fondo de tu página de bienvenida, esto también le da estilo a los encabezados y botones de las páginas intersticiales. |
Configuración del editor
|
Tema del editor de código |
Esto cambia el tema del editor de código en las pestañas HTML, CSS y JavaScript, no tiene ningún impacto en las páginas de bienvenida. |
|
Tamaño de fuente |
Este es el tamaño de fuente del editor de código en las pestañas HTML, CSS y JavaScript, no tiene ningún impacto en las páginas de bienvenida. |
Configuración del proveedor
Estas opciones habilitan el acceso de inicio de sesión a tu WiFi a través de Facebook, Twitter, LinkedIn y Apple. Para agregar un método de inicio de sesión para que el personal lo use para diferenciar los inicios de sesión de visitantes de los inicios de sesión del personal, consulta WiFi del personal (Staff WiFi).
Guia y recursos
(Solo en ingles): https://purpleportal.net/splashpage/custom-html/help/quick-start-guide