Diseño dividido del formulario de inicio de sesión Plantilla HTML

Esta sección es un área de inicio de sesión lista para una página HTML estática que combina un retrato en el lateral izquierdo con un panel de formulario blanco en el derecho. El panel incluye el encabezado «Iniciar sesión», campos para usuario y contraseña, una casilla para recordar la sesión, un botón de inicio de sesión de ancho completo y enlaces para recuperar la contraseña y crear una cuenta. Un fondo rojo rodea el panel dividido, mientras que el subrayado corto y el botón de acción rojo integran el formulario en el diseño visual de la sección. Proporciona una solución de autenticación directa y deja que la página contenedora gestione el resto del contenido y la navegación.
Identificación : 1474214

Una sección de autenticación completa para páginas en HTML estático

La imagen vertical y el panel de formulario de la derecha componen una estructura de inicio de sesión independiente para integrarse en una página HTML estática. La imagen aporta la mitad visual de la sección, mientras que el panel blanco organiza la secuencia funcional desde el encabezado «Iniciar sesión» y la introducción de usuario y contraseña hasta la casilla de recordar sesión y la acción de inicio de sesión de ancho completo. Los enlaces «¿Olvidaste tu contraseña?» y de creación de cuenta amplían esa secuencia con opciones secundarias situadas bajo el control principal.

El fondo rojo alrededor del panel blanco dividido otorga a la sección un límite bien definido al situarse entre otras áreas de la página. Dentro del formulario, el encabezado oscuro y el subrayado rojo marcan el punto de entrada, los campos de entrada en gris claro delimitan el ingreso de datos y el botón rojo establece un cierre evidente. Gracias a esta coherencia, la sección cubre por sí misma todo el contenido visible necesario para un área de autenticación, sin obligar a la página contenedora a reconstruir su estructura interna.

En una implementación HTML estática, este bloque puede ocupar una sección concreta mientras el marcado circundante aporta el contexto general de la página. El bloque puede editarse como una sola unidad, adaptando la imagen, las etiquetas del formulario, los enlaces, los colores y el espaciado a los requisitos del proyecto. La exportación HTML corresponde a la página o sitio contenedor; este bloque reutilizable sigue siendo una sección de inicio de sesión preparada y no un sitio web estático completo.

Personalizar con Nicepage

Al utilizar Generador de HTML, podrá ajustar los colores, las fuentes, el encabezado y el pie de página, el diseño, las columnas y otros elementos de diseño, así como el contenido y las imágenes.

Editar plantilla sin conexión

1. Descargue e instale la aplicación Nicepage para Windows y Mac. O los complementos de WordPress y Joomla desde página de descarga
2. Cree una página nueva o seleccione una existente
3. Haga clic en Agregar nuevo bloque, busque la identificación 1474214 y haga clic en Intro.

Editar plantilla en línea

Inicie Constructor en línea esta plantilla en nuestro alojamiento

Crea sitios web impresionantes

WordPress Plugin WordPress
Windows Application Windows App
Joomla Plugin Joomla
Mac OS Application Mac OS App
HTML5 HTML5
Online Builder Online

Generador gratuito de Nicepage

Más de 15.000 plantillas
Fácil de arrastrar y soltar
Sin codificación
Compatible con dispositivos móviles

Palabras clave


Exportar y usar esta plantilla como sitio web HTML

Crear un sitio web HTML portátil

Cuando la plantilla esté lista, use la opción Exportar HTML para crear un sitio web estático con los archivos necesarios para su implementación. El sitio web exportado se puede usar independientemente del editor de Nicepage e implementarse en su alojamiento preferido.

Nicepage también ofrece configuración SEO y funciones de optimización, incluyendo títulos y descripciones de página, configuración canónica, encabezados, texto alternativo de imágenes y otras propiedades de página que ayudan a preparar el sitio web para los motores de búsqueda.

Implementar sin un CMS

Suba el sitio web finalizado al entorno de alojamiento que mejor se adapte a su proyecto. Dado que el sitio exportado no requiere WordPress, Joomla ni ningún otro CMS para mostrar sus páginas, puede ubicarse en su propio servidor, subirse a un proveedor de alojamiento o implementarse a través de una infraestructura web existente.

Entrega de los archivos del sitio web

Los archivos generados del sitio web también se pueden entregar a un cliente, desarrollador o equipo de alojamiento. Permanecen disponibles fuera del editor de Nicepage para su implementación, revisión técnica o desarrollo específico del proyecto cuando se requiera trabajo adicional.

Este flujo de trabajo convierte la plantilla en una base práctica para un sitio web estático portátil que se puede exportar desde el editor de Nicepage e implementar de forma independiente.

Exportación de sitio web HTML en el editor de Nicepage