Diseño de interfaz de usuario Plantilla HTML

El bloque ofrece una sección introductoria lista para usar centrada en la premisa de que comprender una marca precede al diseño de la interfaz de usuario. Su encabezado de gran tamaño se sitúa sobre una disposición de dos columnas con una fotografía circular en escala de grises a un lado y texto complementario al otro. Un botón «Más información» aparece tras el párrafo, mientras que cuatro detalles circulares en color lima y un círculo de fondo en gris tenue enmarcan la zona de la imagen. El fondo gris carbón oscuro y la tipografía blanca aportan a la sección una presencia nítida. Una línea de atribución a Freepik forma parte de la estructura del contenido.

Una sección introductoria completa para una página HTML estática

El encabezado, el tratamiento de la imagen, el texto explicativo, la línea de atribución y el botón «Más información» conforman ya una sección introductoria coherente en lugar de una colección dispersa de elementos. La declaración inicial expone el tema, la fotografía en escala de grises de dos personas aporta una referencia visual humana y el párrafo ofrece el contexto necesario junto a la imagen. Dado que el botón va situado tras el texto, la sección incluye también un punto de acción evidente para guiar a los lectores hacia información adicional dentro de la página contenedora.

Su distribución interna es autosuficiente: el encabezado abarca la parte superior del bloque, mientras que la imagen circular y el texto constituyen el cuerpo principal a dos columnas. La fotografía se superpone a un círculo mayor en gris tenue y queda rodeada por cuatro detalles en color lima, logrando un punto de atención visual inconfundible sin depender de contenido ajeno a la sección. El fondo carbón oscuro y los textos en blanco mantienen el mensaje visualmente diferenciado de las secciones contiguas al integrar el bloque en una página HTML estática.

Al tratarse de una sección HTML ya preparada, puede funcionar como una presentación editorial o de tipo «Sobre nosotros», mientras otras secciones resuelven la navegación, el contexto general o los contenidos posteriores. El bloque aporta su propio mensaje y jerarquía visual; el proyecto estático contenedor se encarga del resto de la página. La atribución a Freepik debe mantenerse junto al contenido gráfico al adaptar la sección.

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.

Descargar

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 507386 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

Windows App

Joomla

Mac OS App

HTML5

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.